Show Menu
TÓPICOS×

Uso de xtypes (interface clássica)

Esta página descreve todos os xtypes disponíveis com o Adobe Experience Manager (AEM).
Na linguagem ExtJS, um xtype é um nome simbólico dado a uma classe. Você pode ler o parágrafo "XTypes de componente" da Visão geral do ExtJS 2 para obter uma explicação detalhada sobre o que é um xtype e como ele pode ser usado.
Para obter informações completas sobre todos os widgets disponíveis no AEM, consulte a documentação da API do widget.
Para descobrir em quais componentes um determinado xtype é usado no AEM, você pode usar a seguinte consulta Xpath no CRXDE, substituindo "caixa de seleção" pelo xtype que lhe interessa:
//element(*, cq:Widget)[@xtype='checkbox']
Esta página descreve o uso de xtypes ExtJS na interface clássica.
A Adobe recomenda que você aproveite a interface de usuário padrão, moderna e habilitada para toque, com base na interface do usuário Interface do usuário do Coral Coral e na interface do usuário Componentes básicos da interface do usuário Granite Granite.

xtypes

Encontre abaixo uma lista dos xtypes disponíveis no Adobe Experience Manager:
  • anotação
    A caixa de diálogo é um tipo especial de janela com um formulário no corpo e um grupo de botões no rodapé. Normalmente, é usado para editar conteúdo, mas também pode exibir informações.
  • livraria
    Anteriormente conhecido como "SimpleStore".
    Classe auxiliar pequena para facilitar a criação de CQ.Ext.data. Stores a partir de dados de matriz. Um ArrayStore será configurado automaticamente com um CQ.Ext.data.ArrayReader .
  • asseteditor
    O Editor de ativos usado no Administrador do DAM.
  • assetreferencesearchdialog
    AssetReferenceSearchDialog é uma caixa de diálogo que aparece caso uma página faça referência a ativos ou tags.
  • blueprintconfig
    O BlueprintConfig fornece um painel para exibir as Live Copies de um Blueprint e editar essas propriedades do Blueprint ( sincronizar ações de disparo e sincronização ).
  • blueprintstatus
    O BlueprintStatus fornece um painel para exibir e editar um Blueprint e seus relacionamentos de Live Copies. A navegação é feita por meio de um CQ.wcm.msm.BlueprintStatus.Tree , edição por meio de um CQ.wcm.msm.BlueprintConfig e um CQ.wcm.msm.LiveCopyProperties .
  • caixa
    Classe básica para qualquer componente que deve ser dimensionado como uma caixa, usando largura e altura.
    BoxComponent fornece ajustes automáticos de modelo de caixa para dimensionamento e posicionamento e funcionará corretamente no modelo de renderização de Componente.
  • janela de navegação
    A janela BrowseDialog permite que o usuário navegue no repositório para selecionar um caminho. Normalmente é usado por meio de um BrowseField .
  • browsefield
    Obsoleto: Em vez disso, use CQ.form.PathField
  • bulkeditor
    O BulkEditor fornece um mecanismo de pesquisa e uma grade para editar os resultados da pesquisa.
    O BulkEditor deve ser inserido em um formulário HTML (exigido pela funcionalidade de importação). Isso funciona perfeitamente com um CQ.Dialog .
  • bulkeditorform
    O BulkEditorForm fornece CQ.wcm.BulkEditor cercado por um formulário HTML. Esta é a versão independente do CQ.wcm.BulkEditor , o formulário HTML é necessário para o botão importar.
  • botão
    Classe de Botão Simples
  • grupo de botões
    Contêiner para um grupo de botões.
  • gráfico
    O pacote CQ.Ext.chart fornece a capacidade de visualizar dados com gráficos baseados em flash. Cada gráfico se vincula diretamente a um CQ.Ext.data.Store permitindo atualizações automáticas do gráfico. Para alterar a aparência de um gráfico, consulte as opções de configuração chartStyle e extraStyle .
  • caixa de seleção
    Campo de caixa de seleção única. Pode ser usado como uma substituição direta para os campos de caixa de seleção tradicionais.
  • checkboxgroup
    Um contêiner de agrupamento para controles CQ.Ext.form.Checkbox .
  • clear combo
    A ClearableComboBox é uma caixa de combinação não editável com um acionador para limpar seu valor.
  • colorfield
    O ColorField permite que o usuário insira um valor hexadecimal de cor diretamente ou usando um CQ.Ext.ColorMenu .
  • lista de cores
    A ColorList permite que o usuário escolha uma cor de uma lista editável.
  • menu colorido
    Um menu que contém um componente CQ.Ext.ColorPalette .
  • paleta de cores
    Classe da paleta de cores simples para escolher cores. A paleta pode ser renderizada em qualquer contêiner.
  • combinação
    Um controle combobox com suporte para preenchimento automático, carregamento remoto, paginação e muitos outros recursos.
    Uma ComboBox funciona de maneira semelhante a um campo HTML tradicional <select>. A diferença é que para enviar o valueField , você deve especificar um hiddenName para criar uma entrada oculta.
  • componente
    Classe básica para todos os componentes de Saída. Todas as subclasses de Componente podem participar do ciclo de vida automático de criação, renderização e destruição do componente Ext, fornecido pela classe Container . Os componentes podem ser adicionados a um Contêiner por meio da opção de configuração de itens no momento em que o Contêiner é criado.
  • componente extrator
    O ComponentExtrator permite que o usuário extraia componentes de um site/página.
  • seletor de componentes
    Uma seleção agrupada e ordenada dos Componentes disponíveis.
  • componentstyles
  • compositefield
    Classe básica para campos de formulário complexos baseados em painel que incluem um campo de formulário ou um grupo de campos de formulário.
  • contentor
    Classe básica para qualquer CQ.Ext.BoxComponent que possa conter outros Componentes. Os contêineres lidam com o comportamento básico dos itens que os contêm, ou seja, adicionar, inserir e remover itens.
    As classes de Contêiner mais usadas são CQ.Ext.Panel , CQ.Ext.Window e CQ.Ext.TabPanel .
  • contentador
    O ContentFinder é um Visualizador de duas colunas especializadas que contém o Localizador de conteúdo real à esquerda e o Quadro de conteúdo à direita.
  • contentfindertab
    O ContentFinderTab é um painel especializado que fornece recursos usados nos painéis de guia do CQ.wcm.ContentFinder . Normalmente, ele apresenta um formulário de pesquisa - a Caixa de consulta - e uma exibição de dados para exibir a pesquisa.
  • cq.workflow.model.combo
    O WorkflowModelCombo é um CQ.Ext.form.ComboBox personalizado que mostra uma lista de modelos de fluxo de trabalho disponíveis.
  • cq.workflow.model.seletor
    O WorkflowModelSelector combina um WorkflowModelCombo com uma imagem em miniatura do fluxo de trabalho e botões para criar e editar modelos de fluxo de trabalho.
  • createsiteassistente
    O CreateSiteWizard é um assistente passo a passo para criar sites (MSM).
  • createversiondialog
    CreateVersionDialog é uma caixa de diálogo que permite criar uma nova versão de uma página.
  • customcontentpanel
    CustomContentPanel é um tipo especial de painel para uso em CQ.Dialog : Seu conteúdo é recuperado e enviado para um URL diferente dos outros campos da caixa de diálogo.
  • ciclo
    Um SplitButton especializado que contém um menu de elementos CQ.Ext.menu.CheckItem . O botão percorre automaticamente cada item de menu ao clicar, aumentando o evento de alteração do botão (ou chamando a função changeHandler do botão, se fornecido) para o item de menu ativo.
  • dataview
    Um mecanismo para exibir dados usando modelos e formatação de layout personalizados. O DataView usa um CQ.Ext.XTemplate como seu mecanismo de formatação interno e está vinculado a um CQ.Ext.data.Store para que, à medida que os dados na loja mudam, a visualização seja automaticamente atualizada para refletir as alterações.
  • datefield
    Fornece um campo de entrada de data com um menu suspenso CQ.Ext.DatePicker e validação automática de data.
  • datemenu
    Um menu que contém um componente CQ.Ext.DatePicker .
  • datepicker
    Um seletor de data de pop-up. Essa classe é usada pela classe DateField para permitir a navegação e seleção de datas válidas.
  • datetime
    O DateTime permite que o usuário insira uma data e uma hora combinando CQ.Ext.form.DateField e CQ.Ext.form.TimeField .
  • caixa de diálogo
    A caixa de diálogo é um tipo especial de janela com um formulário no corpo e um grupo de botões no rodapé. Normalmente, é usado para editar conteúdo, mas também pode exibir informações.
  • dialogfieldset
    DialogFieldSet é um FieldSet para uso em Diálogos .
  • directstore
    Classe auxiliar pequena para criar um CQ.Ext.data.Store configurado com um CQ.Ext.data.DirectProxy e CQ.Ext.data.JsonReader para facilitar a interação com um CQ.Ext.Direct Server-side Provider .
  • display
    Um campo de texto somente para exibição que não é validado nem enviado.
  • editora
    A EditBar permite que o usuário edite conteúdo usando botões em uma barra.
    Embora não esteja listado aqui, EditBar tem todos os membros de CQ.wcm.EditBase .
  • editor
    Um campo de editor base que lida com a exibição/ocultação sob demanda e tem um dimensionamento integrado e uma lógica de manipulação de eventos.
  • editorial
    Esta classe estende a Classe index.html?class=CQ.Ext.grid.GridPanel GridPanel para fornecer edição de células em colunas selecionadas. As colunas editáveis são especificadas fornecendo um editor na configuração da coluna.
  • edição
    O EditRollover permite que o usuário edite conteúdo por meio de duplo clique e fornece mais ações de edição por meio de um menu de contexto. A área editável é indicada com um quadro quando o mouse está rolando sobre o conteúdo.
  • alimentador
    O FeedImporter permite que o usuário importe feeds RSS ou Atom e crie páginas para cada entrada de feed.
  • campo
    Classe básica para campos de formulário que fornece manuseio de eventos padrão, dimensionamento, manipulação de valores e outras funcionalidades.
  • campo
    Contêiner padrão usado para agrupar itens em um formulário ....
  • fileuploaddialogbutton
    O FileUploadDialogButton cria um botão que abre uma nova caixa de diálogo para carregar um arquivo por meio de FileUploadField. Pode ser usado em caixas de diálogo de edição, onde o upload deve ocorrer em um formulário separado.
  • fileuploadfield
    O FileUploadField permite que o usuário selecione um único arquivo a ser carregado.
  • findsubstituedialog
    FindReplaceDialog é uma caixa de diálogo para localizar e substituir tokens em uma página e suas páginas filhas.
  • flash
  • grade
    Essa classe representa a interface primária de um controle de grade baseado em componente para representar dados em um formato tabular de linhas e colunas.
  • groupingstore
    Uma implementação de loja especializada que fornece o agrupamento de registros por um dos campos disponíveis. Normalmente, isso é usado em conjunto com um CQ.Ext.grid.GroupingView para provar o modelo de dados de um GridPanel agrupado.
  • diálogo celeiro
    O HeavyMoveDialog é uma caixa de diálogo para mover uma página e suas páginas secundárias, considerando também a reativação de páginas ativadas anteriormente ("movimento pesado").
  • oculto
    Um campo oculto básico para armazenar valores ocultos em formulários que precisam ser passados no envio do formulário.
  • historybutton
    O HistoryButton é uma pequena classe auxiliar para fornecer facilmente botões para frente e para trás. Normalmente, duas instâncias relacionadas são obrigatórias: A instância do botão de avanço é um botão simples vinculado à instância do botão de retorno que lida com o histórico.
  • htmleditor
    Fornece um componente leve do Editor HTML. Alguns recursos da barra de ferramentas não são suportados pelo Safari e serão automaticamente ocultos quando necessário. Esses itens são anotados nas opções de configuração, quando apropriado.
    Os botões da barra de ferramentas do editor têm dicas de ferramentas definidas na propriedade buttonTips .
  • iframedialog
    Uma caixa de diálogo simples mostrando o conteúdo de um iframe e permitindo formulários em iframes.
  • iframepanel
    Um painel contendo um iframe. Fornece fácil criação de iframes, um evento de carregamento de iframe e acesso fácil ao conteúdo do iframe.
  • inlinetextfield
    InlineField é um campo de texto que é exibido como um rótulo quando não está em foco.
  • jsonstore
    Classe auxiliar pequena para facilitar a criação de CQ.Ext.data. Stores a partir de dados JSON. Um JsonStore será configurado automaticamente com um CQ.Ext.data.JsonReader .
  • label
    Campo Rótulo básico.
  • language agecopydialog
    LanguageCopyDialog é uma caixa de diálogo para copiar árvores de idioma.
  • verificador
    O LinkChecker é uma ferramenta para verificar links externos em um site.
  • lista
    CQ.Ext.list.ListView é uma implementação rápida e leve de uma exibição semelhante a Grade .
  • livecopyproperties
    O LiveCopyProperties fornece um painel para exibir e editar as propriedades do Live Copy (herança de relacionamento, acionador de sincronização e ações de sincronização).
  • lvbooleancolumn
    Uma classe de definição de coluna que renderiza campos de dados booleanos. Consulte a opção de configuração xtype de CQ.Ext.list.Column para obter mais detalhes.
  • lvcolumn
    Esta classe encapsula os dados de configuração da coluna a serem usados na inicialização de uma ListView .
  • lvdatecolumn
    Uma classe de definição de coluna que renderiza uma data passada de acordo com a localidade padrão ou um formato configurado. Consulte a opção de configuração xtype de CQ.Ext.list.Column para obter mais detalhes.
  • lvnumber ercolumn
    Uma classe de definição de coluna que renderiza um campo de dados numéricos de acordo com uma string de formato . Consulte a opção de configuração xtype de CQ.Ext.list.Column para obter mais detalhes.
  • mediabrowsedialog
    Obsoleto: Use o Content Finder para procurar mídia.
    O MediaBrowseDialog é uma caixa de diálogo para navegar na biblioteca de mídia.
  • menu
    Um objeto de menu. Este é o contêiner ao qual você pode adicionar itens de menu. O menu também pode servir como uma classe base quando você deseja um menu especializado com base em outro componente (como CQ.Ext.menu.DateMenu , por exemplo).
    Os menus podem conter itens de menu ou index.html?class=CQ.Ext.Component Componentes gerais.
  • menubaseitem
    A classe base para todos os itens renderizados em menus. O BaseItem fornece a renderização padrão, o gerenciamento de estado ativado e as opções de configuração básica compartilhadas por todos os componentes do menu.
  • menucheckitem
    Adiciona um item de menu que contém uma caixa de seleção por padrão, mas também pode fazer parte de um grupo de opções.
  • menuitem
    Uma classe base para todos os itens de menu que exigem funcionalidade relacionada ao menu (como submenus) e não são itens de exibição estáticos. O item estende a funcionalidade básica de CQ.Ext.menu.BaseItem adicionando a ativação específica do menu e o manuseio de cliques.
  • menuseparador
    Adiciona uma barra separadora a um menu, usada para dividir grupos lógicos de itens de menu. Geralmente, você adicionará uma dessas opções usando "-" na chamada para add() ou na configuração dos itens, em vez de criar uma diretamente.
  • menutexite
    Adiciona uma string de texto estático a um menu, geralmente usado como um cabeçalho ou separador de grupo.
  • metadata
    Os metadados fornecem um conjunto de campos para determinar as informações necessárias para um campo de metadados como usado, por exemplo, nas páginas do editor de ativos.
    Fornece os seguintes campos:
  • multicampo
    O MultiField é uma lista editável de campos de formulário para edição de propriedades de vários valores.
  • mvt
    O componente de teste multivariado pode ser usado para definir e editar um conjunto de imagens que são apresentadas como banners alternados. As estatísticas de taxa de cliques são coletadas por banner.
  • caixa de entrada de notificações
    A NotificationInbox permite que o usuário assine ações WCM e gerencie notificações.
  • campo numérico
    Campo de texto numérico que fornece filtragem automática de pressionamento de tecla e validação numérica.
  • importador offline
    O OfflineImporter é uma ferramenta para importar e converter documentos do Microsoft Word em páginas AEM. Esse recurso permite que o conteúdo seja editado offline usando um processador de texto.
  • propriedade
    O OwnerDraw pode conter código HTML personalizado (inserido diretamente ou recuperado de um URL).
  • paginação
    Conforme a quantidade de registros aumenta, o tempo necessário para que o navegador os renderize aumenta. A paginação é usada para reduzir a quantidade de dados trocados com o cliente.
  • painel
    O painel é um contêiner que tem funcionalidade específica e componentes estruturais que o tornam o elemento básico perfeito para interfaces de usuário orientadas por aplicativos.
    Os painéis são, em virtude de sua herança de CQ.Ext.Container .
  • parágrafo
    O campo de referência de parágrafo permite navegar pelas páginas e selecionar um de seus parágrafos. Consiste em um campo de acionamento e uma caixa de diálogo de navegação de parágrafo associada.
  • password
    A Senha é como um CQ.Ext.form.TextField , mas mantém seu valor privado, permitindo que os usuários digitem dados confidenciais.
  • conclusão
    Obsoleto: Em vez disso, use CQ.form.PathField
  • campo
    O PathField é um campo de entrada projetado para caminhos com conclusão de caminho e um botão para abrir um CQ.BrowseDialog para navegar pelo repositório do servidor. Ele também pode navegar pelos parágrafos da página para a geração de links avançados.
  • progresso
    Um componente atualizável da barra de progresso. A barra de progresso suporta dois modos diferentes: manual e automático.
    No modo manual, você é responsável por mostrar, atualizar (via updateProgress ) e limpar a barra de progresso conforme necessário do seu próprio código. Esse método é mais apropriado quando você deseja mostrar o progresso.
  • propertygrid
    Uma implementação de grade especializada destinada a imitar a grade de propriedade tradicional, como normalmente visto nos IDEs de desenvolvimento. Cada linha na grade representa uma propriedade de algum objeto e os dados são armazenados como um conjunto de pares de nome/valor em CQ.Ext.grid. PropertyRecords.
  • prógrade
    A PropertyGrid é uma grade genérica usada para exibir e editar propriedades de objetos.
  • dica rápida
    @xtype quicktip Uma classe especializada de dica de ferramenta para dicas de ferramentas que podem ser especificadas na marcação e gerenciadas automaticamente pela instância global CQ.Ext.QuickTips . Consulte o cabeçalho da classe QuickTips para obter mais detalhes e exemplos de uso.
  • rádio
    Campo de rádio único. Igual à caixa de seleção, mas fornecida como uma conveniência para configurar automaticamente o tipo de entrada. O agrupamento de opções é manipulado automaticamente pelo navegador se você atribuir o mesmo nome a cada rádio de um grupo.
  • radiogurte
    Um contêiner de agrupamento para controles CQ.Ext.form.Radio .
  • referencesdialog
    O ReferencesDialog é uma caixa de diálogo para exibir referências em uma página.
  • restaurar reedialog
    RestoreTreeDialog é uma caixa de diálogo para restaurar uma versão anterior de uma árvore.
  • restore versiondialog
    RestoreVersionDialog é uma caixa de diálogo para restaurar uma versão anterior de uma página.
  • richtext
    O RichText fornece um campo de formulário para editar informações de texto estilizado (Rich Text).
    O componente RichText atualmente fornece os seguintes recursos:
  • plano de lançamento
    O RolloutPlan fornece uma caixa de diálogo para observar o andamento de um roll-out de página. O RolloutPlan é iniciado por um CQ.wcm.msm.RolloutWizard .
  • assistente de rollout
    O RolloutWizard fornece um assistente para rolar uma página. O RolloutWizard inicia um CQ.wcm.msm.RolloutPlan .
  • campo de pesquisa
    O SearchField fornece um campo de pesquisa que fornece os resultados em uma lista suspensa que pode ser usada para pesquisar o repositório.
  • seleção
    A Seleção permite que o usuário escolha entre várias opções. As opções podem fazer parte da configuração ou ser carregadas de uma resposta JSON. A Seleção pode ser renderizada como suspensa (selecionar) ou uma caixa de combinação (selecionar mais entrada de texto livre).
  • ajudante
    O Sidekick é um auxiliar flutuante que fornece ao usuário ferramentas comuns para a edição de páginas.
  • siteadmin
    O SiteAdmin é um console que fornece funções de administração de WCM.
  • importador local
    O SiteImporter permite que o usuário importe sites completos e crie projetos iniciais.
  • sizefield
    O SizeField permite que o usuário insira a largura e a altura (por exemplo, para uma imagem).
  • controle deslizante
    Controle deslizante que suporta orientação vertical ou horizontal, ajustes do teclado, ajuste configurável, clique no eixo e animação. Pode ser adicionado como um item a qualquer contêiner. Exemplo de uso:...
  • apresentação de slides
    A apresentação de slides fornece um componente que pode ser usado para definir e editar um conjunto de imagens e títulos de imagens que podem ser exibidos como uma apresentação de slides.
    O componente Slideshow é baseado no componente CQ.form.SmartImage .
  • smartfile
    O SmartFile é um carregador de arquivos inteligente.
    Se um plug-in Flash (versão >= 9) estiver instalado, os uploads serão executados usando a biblioteca de upload do SWF que fornece uma maneira conveniente de lidar com os uploads.
  • sabichão
    O SmartImage é um carregador inteligente de imagens. Ele fornece ferramentas para processar uma imagem carregada, por exemplo, uma ferramenta para definir mapas de imagem e um corpador de imagens.
    Observe que o componente foi projetado principalmente para uso em uma guia de diálogo separada.
  • espaçador
    Usado para fornecer um espaço dimensionável em um layout.
  • giro
    O Girador é um campo de disparo para valores numéricos, de data ou de hora. O valor pode ser aumentado e diminuído usando os acionadores para cima e para baixo fornecidos, a roda ou as teclas de rolagem.
  • botão
    Um botão dividido que fornece uma seta suspensa integrada que pode acionar um evento separadamente do evento de clique padrão do botão. Normalmente, isso seria usado para exibir um menu suspenso que fornece opções adicionais para a ação do botão principal, mas qualquer manipulador personalizado pode fornecer a implementação de cliques em seta.
  • estáticas
    O Estático pode ser usado para exibir texto arbitrário ou HTML.
  • estatísticas
    As Estatísticas exibem as impressões de página como um gráfico. O widget permite selecionar um período, as estatísticas devem ser exibidas para esse período.
  • loja
    A classe Store encapsula um cache do lado do cliente de objetos Record que fornecem dados de entrada para Componentes como o GridPanel , o ComboBox ou o DataView .
  • sugestfield
    O SuggestField fornece sugestões ao usuário com base em sua entrada.
  • alternador
    O Alternador fornece um grupo de botões para a barra de cabeçalho em um console para alternar entre sites, ativos digitais, ferramentas, fluxo de trabalho e segurança.
  • tableedit
    Obsoleto: Em vez disso, use CQ.form.TableEdit2 .
  • tableedit2
    O TableEdit2 fornece um widget para criar tabelas.
  • painel
    Um contêiner de guia básico. Os TabPainéis podem ser usados exatamente como um CQ.Ext.Panel padrão para fins de layout, mas também têm suporte especial para a inclusão de componentes filhos ( items ).
  • tags
    CQ.tagging.TagInputField
    
    
    é um widget de formulário para inserir tags. Ele tem um menu pop-up para seleção de tags existentes, inclui o preenchimento automático e muitos outros recursos.
  • textarea
    Campo de texto de várias linhas. Pode ser usado como uma substituição direta para campos de texto tradicionais, além de adicionar suporte para dimensionamento automático.
  • textbutton
    O TextButton fornece um link de texto com os recursos de um CQ.Ext.Button .
  • textfield
    Campo de texto básico. Pode ser usado como uma substituição direta para entradas de texto tradicionais ou como a classe base para controles de entrada mais sofisticados (como CQ.Ext.form.TextArea e CQ.Ext.form.ComboBox ).
  • miniatura
  • timefield
    Fornece um campo de entrada de tempo com uma lista suspensa de tempo e validação automática de hora. Exemplo de uso:...
  • ponta
    @xtype tip Esta é a classe base para CQ.Ext.QuickTip e CQ.Ext.Tooltip que fornece o layout básico e o posicionamento que todas as classes baseadas em dica exigem. Essa classe pode ser usada diretamente para dicas simples e posicionadas estaticamente.
  • titleseparator
    Adiciona uma barra separadora a um menu, usada para dividir grupos lógicos de itens de menu. O separador pode ainda ter um título.
  • toolbar
    Classe Basic Toolbar. Embora o defaultType para barra de ferramentas seja button , os elementos da barra de ferramentas (itens filhos para o contêiner da barra de ferramentas) podem ser praticamente qualquer tipo de componente. Os elementos da barra de ferramentas podem ser criados explicitamente por meio de seus construtores.
  • tooltip
    Uma implementação de dica de ferramenta padrão para fornecer informações adicionais ao passar o mouse sobre um elemento de destino. @xtype tooltip
  • trágico
    @xtype treegrid
  • painel
    O TreePanel fornece representação de IU estruturada em árvore de dados estruturados em árvore.
    Os TreeNodes adicionados ao TreePanel podem conter metadados usados pelo aplicativo na propriedade de atributos .
  • gatilho
    Fornece um invólucro conveniente para TextFields que adiciona um botão de disparo clicável (parece com uma caixa de combinação por padrão). O acionador não tem nenhuma ação padrão, portanto, você deve atribuir uma função para implementar o manipulador de cliques do acionador ao substituir onTriggerClick . Você pode criar um TriggerField diretamente, pois ele é renderizado exatamente como uma caixa de combinação.
  • uploaddialog
    O UploadDialog permite que o usuário carregue arquivos no repositório Cria um novo UploadDialog.
  • userinfo
    Item da barra de ferramentas para exibir o nome de usuário atual e permitir ações do usuário como editar propriedades e representação do usuário.
  • visor
    Um contêiner especializado que representa a área do aplicativo visualizável (o visor do navegador).
    O Viewport é renderizado para o corpo do documento e automaticamente dimensiona-se para o tamanho do visor do navegador e gerencia o redimensionamento da janela. Pode haver apenas um Viewport criado.
  • janela
    Um painel especializado destinado ao uso como uma janela do aplicativo. As janelas são flutuantes, redimensionáveis e arrastáveis por padrão. O Windows pode ser maximizado para preencher a porta de visualização, restaurado para seu tamanho anterior e pode ser index.html?class=CQ.Ext.Window minimizado.
  • xmlstore
    Classe auxiliar pequena para facilitar a criação de CQ.Ext.data. Stores a partir de dados XML. Um XmlStore será configurado automaticamente com um CQ.Ext.data.XmlReader .
    cqinclude Pseudo xtype que inclui definições de widget de um caminho diferente no repositório. Normalmente, é usado em caixas de diálogo de página. Não há classe de widget JavaScript real para esse xtype. É processado pela função formatData() da classe CQ.Util. Para obter mais informações, consulte este artigo da base de conhecimento.