Uso de xtypes (interface clássica)

Esta página descreve todos os xtypes que estão 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 "Component XTypes" de Overview of 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 em AEM, consulte a documentação da API do widget.

Para descobrir em quais componentes um determinado xtype é usado no AEM, você pode usar o seguinte query Xpath no CRXDE, substituindo "caixa de seleção" pelo xtype que lhe interessa:

//element(*, cq:Widget)[@xtype='checkbox']

xtypes

Encontre abaixo uma lista dos xtypes disponíveis no Adobe Experience Manager:

• anotação

  CQ.wcm.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

  CQ.Ext.data.ArrayStore

  Anteriormente conhecido como "SimpleStore".

  Classe auxiliar pequena para facilitar a criação de CQ.Ext.data.Stores a partir dos dados da matriz. Um ArrayStore será configurado automaticamente com um CQ.Ext.data.ArrayReader.

• asseteditor

  CQ.dam.AssetEditor

  O Editor de ativos usado no Administrador do DAM.

• assetreferencesearchdialog

  CQ.wcm.AssetReferenceSearchDialog

  AssetReferenceSearchDialog é uma caixa de diálogo que aparece caso uma página faça referência a ativos ou tags.

• blueprintconfig

  CQ.wcm.msm.BlueprintConfig

  O BlueprintConfig fornece um painel para visualização das Live Copies de um Blueprint e editar essas propriedades do Blueprint ( sincronizar ações de disparo e sincronização ).

• blueprintstatus

  CQ.wcm.msm.BlueprintStatus

  O BlueprintStatus fornece um painel para visualização e edição de um Blueprint e seus relacionamentos de Live Copies. A navegação é feita por meio de CQ.wcm.msm.BlueprintStatus.Tree, edição por meio de CQ.wcm.msm.BlueprintConfig e um CQ.wcm.msm.LiveCopyProperties.

• caixa

  CQ.Ext.BoxComponent

  Classe base para qualquer Componente que deva 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

  CQ.BrowseDialog

  A janela BrowseDialog permite que o usuário navegue no repositório para selecionar um caminho. Normalmente é usado por meio de BrowseField.

• browsefield

  CQ.form.BrowseField

  Obsoleto: Use CQ.form. PathFieldem vez disso

• bulkeditor

  CQ.wcm.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

  CQ.wcm.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

  CQ.Ext.Button

  Classe de Botão Simples

• grupo de botões

  CQ.Ext.ButtonGroup

  Container para um grupo de botões.

• gráfico

  CQ.Ext.chart.Chart

  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

  CQ.Ext.form.Checkbox

  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

  CQ.Ext.form.CheckboxGroup

  Um container de agrupamento para os controles CQ.Ext.form.Checkbox.

• clear combo

  CQ.form.ClearableComboBox

  A ClearableComboBox é uma caixa de combinação não editável com um acionador para limpar seu valor.

• colorfield

  CQ.form.ColorField

  O ColorField permite que o usuário insira um valor hexadecimal de cor diretamente ou usando um CQ.Ext.ColorMenu.

• lista de cores

  CQ.form.ColorList

  A ColorList permite que o usuário escolha uma cor de uma lista editável.

• menu colorido

  CQ.Ext.menu.ColorMenu

  Um menu que contém um componente CQ.Ext.ColorPalette.

• paleta de cores

  CQ.Ext.ColorPalette

  Classe da paleta de cores simples para escolher cores. A paleta pode ser renderizada em qualquer container.

• combinação

  CQ.Ext.form.ComboBox

  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

  CQ.Ext.Component

  Classe básica para todos os componentes de Saída. Todas as subclasses do Componente podem participar do ciclo de vida do componente de Saída automatizado da criação, renderização e destruição que é fornecido pela classe Container. Os componentes podem ser adicionados a um Container por meio da opção de configuração items no momento em que o Container é criado.

• componente extrator

  CQ.wcm.ComponentExtrator

  O ComponentExtrator permite que o usuário extraia componentes de um site/página.

• seletor de componentes

  CQ.form.ComponentSeletor

  Uma seleção agrupada e ordenada dos Componentes disponíveis.

• componentstyles

  CQ.form.ComponentStyles

• compositefield

  CQ.form.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.

• container

  CQ.Ext.Container

  Classe básica para qualquer CQ.Ext.BoxComponent que possa conter outros Componentes. Os container lidam com o comportamento básico de conter itens, ou seja, adicionar, inserir e remover itens.

  As classes de Container mais usadas são CQ.Ext.Panel, CQ.Ext.Window e CQ.Ext.TabPanel.

• contentador

  CQ.wcm.ContentFinder

  O ContentFinder é uma coluna especializada de duas colunas Viewport que contém o Localizador de conteúdo real à esquerda e o Quadro de conteúdo à direita.

• contentfindertab

  CQ.wcm.ContentFinderTab

  O ContentFinderTab é um painel especializado que fornece recursos usados nos painéis de guias do CQ.wcm.ContentFinder. Normalmente, ele apresenta um formulário de pesquisa - a Caixa de Query - e uma visualização de dados para exibir a pesquisa.

• cq.workflow.model.combo

  CQ.wcm.WorkflowModelCombo

  O WorkflowModelCombo é um CQ.Ext.form.ComboBox personalizado que mostra uma lista de modelos de fluxo de trabalho disponíveis.

• cq.workflow.model.selector

  CQ.wcm.WorkflowModelSelector

  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

  CQ.wcm.CreateSiteWizard

  O CreateSiteWizard é um assistente passo a passo para criar sites (MSM).

• createversiondialog

  CQ.wcm.CreateVersionDialog

  CreateVersionDialog é uma caixa de diálogo que permite criar uma nova versão de uma página.

• customcontentpanel

  CQ.CustomContentPanel

  CustomContentPanel é um tipo especial de painel para ser usado em CQ.Dialog: Seu conteúdo é recuperado e enviado para um URL diferente dos outros campos da caixa de diálogo.

• ciclo

  CQ.Ext.CycleButton

  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 change do botão (ou chamando a função changeHandler do botão, se fornecido) para o item de menu ativo.

• dataview

  CQ.Ext.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 no armazenamento forem alterados, a visualização seja automaticamente atualizada para refletir as alterações.

• datefield

  CQ.Ext.form.DateField

  Fornece um campo de entrada de data com uma lista suspensa CQ.Ext.DatePicker e validação automática de data.

• datemenu

  CQ.Ext.menu.DateMenu

  Um menu que contém um componente CQ.Ext.DatePicker.

• datepicker

  CQ.Ext.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

  CQ.form.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

  CQ.Dialog

  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

  CQ.form.DialogFieldSet

  O DialogFieldSet é um FieldSet para uso em Diálogos.

• directstore

  CQ.Ext.data.DirectStore

  Classe auxiliar pequena para criar um CQ.Ext.data.Store configurado com um CQ.Ext.data.DirectProxy e CQ.Ext.data.JsonReader para interagir com um CQ.Ext.Direct Server do lado Provedor mais fácil.

• display

  CQ.Ext.form.DisplayField

  Um campo de texto somente para exibição que não é validado e não é enviado.

• editora

  CQ.wcm.EditBar

  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

  CQ.Ext.Editor

  Um campo do editor base que lida com a exibição/ocultação sob demanda e tem uma lógica integrada de dimensionamento e manipulação de eventos.

• editorial

  CQ.Ext.grid.EditorGridPanel

  Esta classe estende a Classe GridPanel para fornecer edição de células em colunas selecionadas. As colunas editáveis são especificadas fornecendo um editor na configuração de coluna.

• edição

  CQ.wcm.EditRollover

  O EditRollover permite que o usuário edite o conteúdo por meio do clique no duplo 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

  CQ.wcm.FeedImporter

  O FeedImporter permite que o usuário importe feeds RSS ou Atom e crie páginas para cada entrada de feed.

• campo

  CQ.Ext.form.Field

  Classe básica para campos de formulário que fornece manuseio de eventos, dimensionamento, manuseio de valores e outras funcionalidades padrão.

• fieldset

  CQ.Ext.form.FieldSet

  Container padrão usado para agrupar itens em um formulário. …

• fileuploaddialogbutton

  CQ.form.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

  CQ.form.FileUploadField

  O FileUploadField permite que o usuário selecione um único arquivo a ser carregado.

• findsubstituedialog

  CQ.wcm.FindReplaceDialog

  FindReplaceDialog é uma caixa de diálogo para localizar e substituir tokens em uma página e suas páginas filhas.

• flash

  CQ.Ext.FlashComponent

• grade

  CQ.Ext.grid.GridPanel

  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

  CQ.Ext.data.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

  CQ.wcm.HeavyMoveDialog

  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

  CQ.Ext.form.Hidden

  Um campo oculto básico para armazenar valores ocultos em formulários que precisam ser passados no envio do formulário.

• historybutton

  CQ.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

  CQ.Ext.form.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

  CQ.IframeDialog

  Uma caixa de diálogo simples mostrando o conteúdo de um iframe e permitindo formulários em iframes.

• iframepanel

  CQ.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

  CQ.form.InlineTextField

  InlineField é um campo de texto que é exibido como um rótulo quando não está em foco.

• jsonstore

  CQ.Ext.data.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

  CQ.Ext.form.Label

  Campo Rótulo básico.

• language agecopydialog

  CQ.wcm.LanguageCopyDialog

  LanguageCopyDialog é uma caixa de diálogo para copiar árvores de idioma.

• verificador

  CQ.wcm.LinkChecker

  O LinkChecker é uma ferramenta para verificar links externos em um site.

• lista

  CQ.Ext.lista.ListView

  CQ.Ext.lista.ListView é uma implementação rápida e leve de peso de uma visualização semelhante a Grid.

• livecopyproperties

  CQ.wcm.msm.LiveCopyProperties

  O LiveCopyProperties fornece um painel para visualização e edição de propriedades do Live Copy (herança de relacionamento, acionador de sincronização e ações de sincronização).

• lvbooleancolumn

  CQ.Ext.lista.BooleanColumn

  Uma classe de definição de coluna que renderiza campos de dados booleanos. Consulte a opção de configuração xtype de CQ.Ext.lista.Column para obter mais detalhes.

• lvcolumn

  CQ.Ext.lista.Column

  Esta classe encapsula os dados de configuração da coluna a serem usados na inicialização de ListView.

• lvdatecolumn

  CQ.Ext.lista.DateColumn

  Uma classe de definição de coluna que renderiza uma data passada de acordo com a localidade padrão, ou um format configurado. Consulte a opção de configuração xtype de CQ.Ext.lista.Column para obter mais detalhes.

• lvnumber ercolumn

  CQ.Ext.lista.NumberColumn

  Uma classe de definição de coluna que renderiza um campo de dados numéricos de acordo com uma string format. Consulte a opção de configuração xtype de CQ.Ext.lista.Column para obter mais detalhes.

• mediabrowsedialog

  CQ.MediaBrowseDialog

  Obsoleto: Use o Content Finderpara procurar mídia.

  O MediaBrowseDialog é uma caixa de diálogo para navegar na biblioteca de mídia.

• menu

  CQ.Ext.menu.Menu

  Um objeto de menu. Este é o container 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 Componentes gerais.

• menubaseitem

  CQ.Ext.menu.BaseItem

  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

  CQ.Ext.menu.CheckItem

  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

  CQ.Ext.menu.Item

  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 ativações específicas de menu e manuseio de cliques.

• menuseparador

  CQ.Ext.menu.Separator

  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 "-" em sua chamada para add() ou em sua configuração de itens, em vez de criar uma diretamente.

• menutexite

  CQ.Ext.menu.TextItem

  Adiciona uma string de texto estático a um menu, geralmente usado como um cabeçalho ou separador de grupo.

• metadata

  CQ.dam.form.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

  CQ.form.MultiField

  O MultiField é uma lista editável de campos de formulário para editar propriedades de vários valores.

• mvt

  CQ.form.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

  CQ.wcm.NotificationInbox

  A NotificationInbox permite que o usuário assine ações WCM e gerencie notificações.

• campo numérico

  CQ.Ext.form.NumberField

  Campo de texto numérico que fornece filtragem automática de pressionamento de tecla e validação numérica.

• importador offline

  CQ.wcm.OfflineImporter

  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

  CQ.form.OwnerDraw

  O OwnerDraw pode conter código HTML personalizado (inserido diretamente ou recuperado de um URL).

• paginação

  CQ.Ext.PagingToolbar

  À medida que 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

  CQ.Ext.Panel

  O painel é um container 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

  CQ.form.ParágrafoReference

  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

  CQ.form.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

  CQ.form.PathCompletion

  Obsoleto: Use CQ.form. PathFieldem vez disso

• campo

  CQ.form.PathField

  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 no repositório do servidor. Ele também pode navegar pelos parágrafos da página para a geração de links avançados.

• progresso

  CQ.Ext.ProgressBar

  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

  CQ.Ext.grid.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

  CQ.PropertyGrid

  A PropertyGrid é uma grade genérica usada para exibir e editar propriedades de objetos.

• dica rápida

  CQ.Ext.QuickTip

  @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

  CQ.Ext.form.Radio

  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

  CQ.Ext.form.RadioGroup

  Um container de agrupamento para os controles CQ.Ext.form.Radio.

• referencesdialog

  CQ.wcm.ReferencesDialog

  A caixa de diálogo Referências é uma caixa de diálogo para exibir referências em uma página.

• restaurar reedialog

  CQ.wcm.RestoreTreeDialog

  RestoreTreeDialog é uma caixa de diálogo para restaurar uma versão anterior de uma árvore.

• restore versiondialog

  CQ.wcm.RestoreVersionDialog

  RestoreVersionDialog é uma caixa de diálogo para restaurar uma versão anterior de uma página.

• richtext

  CQ.form.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

  CQ.wcm.msm.RolloutPlan

  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

  CQ.wcm.msm.RolloutWizard

  O RolloutWizard fornece um assistente para rolar uma página. RolloutWizard start CQ.wcm.msm.RolloutPlan.

• campo de pesquisa

  CQ.form.SearchField

  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

  CQ.form.Selection

  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 a partir 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

  CQ.wcm.Sidekick

  O Sidekick é um auxiliar flutuante que fornece ao usuário ferramentas comuns para a edição de páginas.

• siteadmin

  CQ.wcm.SiteAdmin

  O SiteAdmin é um console que fornece funções de administração de WCM.

• importador local

  CQ.wcm.SiteImporter

  O SiteImporter permite que o usuário importe sites completos e crie projetos iniciais.

• sizefield

  CQ.form.SizeField

  O SizeField permite que o usuário insira a largura e a altura (por exemplo, para uma imagem).

• controle deslizante

  CQ.Ext.Slider

  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 container. Exemplo de uso: …

• apresentação de slides

  CQ.form.Slideshow

  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

  CQ.form.SmartFile

  O SmartFile é um carregador de arquivos inteligente.

  Se um plug-in de 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

  CQ.form.SmartImage

  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

  CQ.Ext.Spacer

  Usado para fornecer um espaço dimensionável em um layout.

• giro

  CQ.form.Spinner

  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

  CQ.Ext.SplitButton

  Um botão dividido que fornece uma seta suspensa integrada que pode acionar um evento separadamente do evento click 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

  CQ.Static

  O Estático pode ser usado para exibir texto arbitrário ou HTML.

• estatísticas

  CQ.wcm.Statistics

  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

  CQ.Ext.data.Store

  A classe Store encapsula um cache do lado do cliente de Record objetos que fornecem dados de entrada para Componentes como GridPanel, ComboBox ou DataView.

• sugestfield

  CQ.form.SuggestField

  O SuggestField fornece sugestões ao usuário com base em sua entrada.

• alternador

  CQ.Switcher

  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

  CQ.form.TableEdit

  Obsoleto: Em vez disso, use CQ.form.TableEdit2.

• tableedit2

  CQ.form.TableEdit2

  O TableEdit2 fornece um widget para criar tabelas.

• tabuleiro

  CQ.Ext.TabPanel

  Um container básico de guias. Os TabPanels podem ser usados exatamente como um CQ.Ext.Panel padrão para fins de layout, mas também têm suporte especial para o conteúdo de Componentes filho (items).

• tags

  CQ.tagging.TagInputField

  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

  CQ.Ext.form.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

  CQ.TextButton

  O TextButton fornece um link de texto com os recursos de CQ.Ext.Button.

• textfield

  CQ.Ext.form.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

  CQ.form.Thumbnail

• timefield

  CQ.Ext.form.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

  CQ.Ext.Tip

  @xtype tip Esta é a classe base para CQ.Ext.QuickTip e CQ.Ext.Tooltip que fornece o layout e o posicionamento básicos que todas as classes baseadas em dicas exigem. Essa classe pode ser usada diretamente para dicas simples e posicionadas estaticamente.

• titleseparator

  CQ.menu.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

  CQ.Ext.Toolbar

  Classe Basic Toolbar. Embora defaultType para a Barra de ferramentas seja button, os elementos da Barra de ferramentas (itens filhos para o container 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

  CQ.Ext.ToolTip

  Uma implementação padrão de dica de ferramenta para fornecer informações adicionais ao passar o mouse sobre um elemento de público alvo. @xtype tooltip

• trágico

  CQ.tree.TreeGrid

  @xtype treegrid

• painel

  CQ.Ext.tree.TreePanel

  O TreePanel fornece representação de IU estruturada em árvore de dados estruturados em árvore.

  Os TreeNodes adicionados ao TreePanel podem conter cada um metadados usados pelo aplicativo em sua propriedade 🔗 de atributos.

• gatilho

  CQ.Ext.form.TriggerField

  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

  CQ.UploadDialog

  O UploadDialog permite que o usuário carregue arquivos no repositório Cria um novo UploadDialog.

• userinfo

  CQ.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

  CQ.Ext.Viewport

  Um container 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

  CQ.Ext.Window

  Um painel especializado destinado ao uso como uma janela do aplicativo. Por padrão, as janelas são flutuantes, redimensionáveis e arrastáveis. O Windows pode ser maximizado para preencher a janela de visualização, restaurado ao seu tamanho anterior e pode ser minimizard.

• xmlstore

  CQ.Ext.data.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.

  ​​cqincludePseudo 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.