Uso do xtypes (Interface clássica) using-xtypes-classic-ui

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 "Tipos XTypes de componente" do 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 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 em que está interessado:

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

NOTE
Esta página descreve o uso de ExtJS xtypes na interface clássica.
A Adobe recomenda que você use o padrão, o moderno e o interface habilitada para toque baseado em Coral UI e Interface do Granite.

xtypes xtypes

Listados abaixo estão os xtypes disponíveis no Adobe Experience Manager:

  • anotação

    CQ.wcm.Annotation

    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 somente informações.

  • arraystore

    CQ.Ext.data.ArrayStore

    Anteriormente conhecido como "SimpleStore".

    Classe auxiliar pequena para criar CQ.Ext.data.Stores dos dados do array com mais facilidade. Um ArrayStore é 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

    O AssetReferenceSearchDialog é uma caixa de diálogo que aparece quando uma página faz referência a ativos ou tags.

  • blueprintconfig

    CQ.wcm.msm.BlueprintConfig

    O BlueprintConfig fornece um painel para exibir as Live Copies de um Blueprint e editar essas propriedades do Blueprint ( acionador de sincronização e ações de sincronização ).

  • status do blueprint

    CQ.wcm.msm.BlueprintStatus

    O BlueprintStatus fornece um painel para exibir e editar um Blueprint e seus relacionamentos com 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 uma CQ.wcm.msm.LiveCopyProperties.

  • caixa

    CQ.Ext.BoxComponent

    Classe base para qualquer Componente que deve ser dimensionada como uma caixa, usando largura e altura.

    O BoxComponent fornece ajustes automáticos do modelo de caixa para dimensionamento e posicionamento e funciona corretamente no modelo de renderização de Componente.

  • browsedialog

    CQ.BrowseDialog

    A caixa de diálogo Procurar permite que o usuário navegue pelo repositório para selecionar um caminho. Normalmente, é usado por meio de um ProcurarCampo.

  • browsefield

    CQ.form.BrowseField

    Obsoleto: uso CQ.form.PathField em 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 de importação.

  • botão

    CQ.Ext.Button

    Classe de botão simples

  • grupo de botões

    CQ.Ext.ButtonGroup

    Contêiner de 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 chartStyle e extraStyle opções de configuração.

  • caixa de seleção

    CQ.Ext.form.Checkbox

    Campo de caixa de seleção única. Pode ser usado como uma substituição direta para campos de caixa de seleção tradicionais.

  • checkboxgroup

    CQ.Ext.form.CheckboxGroup

    Um container de agrupamento para CQ.Ext.form.Checkbox controlos.

  • clearcombo

    CQ.form.ClearableComboBox

    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.

  • colorlist

    CQ.form.ColorList

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

  • colormenu

    CQ.Ext.menu.ColorMenu

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

  • colorpalette

    CQ.Ext.ColorPalette

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

  • combinação

    CQ.Ext.form.ComboBox

    Um controle de caixa de combinação com suporte para preenchimento automático, carregamento remoto, paginação e muitos outros recursos.

    Uma ComboBox funciona de maneira semelhante a um HTML tradicional <select> campo. A diferença é que submeter a valueField, você deve especificar um hiddenName para criar uma entrada oculta.

  • componente

    CQ.Ext.Component

    Classe base para todos os componentes Ext. Todas as subclasses do componente podem participar do ciclo de vida automatizado do componente de Extensão de criação, renderização e destruição fornecido pelo Container classe. Os componentes podem ser adicionados a um Contêiner através do itens no momento em que o Contêiner é criado.

  • component extrator

    CQ.wcm.ComponentExtrator

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

  • seletor de componentes

    CQ.form.ComponentSelector

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

  • componentstyle

    CQ.form.ComponentStyles

  • composefield

    CQ.form.CompositeField

    Classe base para campos de formulário complexos e baseados em painel que incluem um campo de formulário ou um grupo de campos de formulário.

  • container

    CQ.Ext.Container

    Classe base para qualquer CQ.Ext.BoxComponent que podem conter outros Componentes. Os contêineres manipulam o comportamento básico de 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.

  • contentfinder

    CQ.wcm.ContentFinder

    O ContentFinder é um especialista de duas colunas Visor que contém o Localizador de conteúdo real à esquerda e o Quadro de conteúdo à direita.

  • contentfindertab

    CQ.wcm.ContentFinderTab

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

  • cq.workflow.model.combo

    CQ.wcm.WorkflowModelCombo

    A WorkflowModelCombo é uma CQ.Ext.form.ComboBox que mostra uma lista de modelos de workflow 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.

  • createsitewwizard

    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 versão de uma página.

  • customcontentpanel

    CQ.CustomContentPanel

    O CustomContentPanel é um painel especial para uso no CQ.Dialog: seu conteúdo é recuperado e enviado para um URL diferente dos outros campos na caixa de diálogo.

  • ciclo

    CQ.Ext.CycleButton

    Um SplitButton especializado, que contém um menu de CQ.Ext.menu.CheckItem elementos. O botão percorre automaticamente cada item de menu ao clicar, elevando o alterar evento (ou chamando a função do botão changeHandler função, se fornecida) para o item de menu ativo.

  • dataview

    CQ.Ext.DataView

    Um mecanismo para exibir dados usando modelos e formatação de layout personalizados. DataView usa um CQ.Ext.XTemplate como seu mecanismo de modelo interno, e está vinculado a um CQ.Ext.data.Store para que, à medida que os dados na loja forem alterados, a exibição será atualizada automaticamente para refletir as alterações.

  • datefield

    CQ.Ext.form.DateField

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

  • datemenu

    CQ.Ext.menu.DateMenu

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

  • datepicker

    CQ.Ext.DatePicker

    Um seletor de datas pop-up. Esta classe é usada pela variável DateField para permitir a navegação e a seleção de datas válidas.

  • datetime

    CQ.form.DateTime

    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 é uma janela especial 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 somente informações.

  • dialogfieldset

    CQ.form.DialogFieldSet

    O DialogFieldSet é um ConjuntoDeCampos para uso no Caixas de diálogo.

  • 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 tornar a interação com um CQ.Ext.Direct Lado do servidor Provedor mais fácil.

  • displayfield

    CQ.Ext.form.DisplayField

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

  • barra de edição

    CQ.wcm.EditBar

    A Barra de edição permite que o usuário edite o 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 exibição/ocultação sob demanda e tem alguma lógica interna de dimensionamento e manipulação de eventos.

  • editorgrid

    CQ.Ext.grid.EditorGridPanel

    Essa classe estende a variável Classe GridPanel para fornecer edição de célula na seleção colunas. As colunas editáveis são especificadas fornecendo uma editor no configuração de coluna.

  • substituição de edição

    CQ.wcm.EditRollover

    EditRollover permite que o usuário edite o conteúdo com um clique 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 passa sobre o conteúdo.

  • feedimporter

    CQ.wcm.FeedImporter

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

  • campo

    CQ.Ext.form.Field

    Classe base para campos de formulário que fornece manipulação de eventos padrão, dimensionamento, manipulação de valores e outras funcionalidades.

  • fieldset

    CQ.Ext.form.FieldSet

    Contêiner padrão usado para agrupar itens em um formulário.

  • fileuploaddialogbutton

    CQ.form.FileUploadDialogButton

    FileUploadDialogButton cria um botão que abre uma nova caixa de diálogo para fazer upload de um arquivo por meio do FileUploadField. Pode ser usado em caixas de diálogo de edição nas quais o upload deve ocorrer em um formulário separado.

  • fileuploadfield

    CQ.form.FileUploadField

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

  • localizardiálogo

    CQ.wcm.FindReplaceDialog

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

  • flash

    CQ.Ext.FlashComponent

  • grade

    CQ.Ext.grid.GridPanel

    Essa classe representa a interface primária de um controle de grade baseado em componentes para representar dados em um formato tabular de linhas e colunas.

  • groupingstore

    CQ.Ext.data.GroupingStore

    Uma implementação de loja especializada que fornece registros de agrupamento por um dos campos disponíveis. Isso é usado com um CQ.Ext.grid.GroupingView para comprovar o modelo de dados de um GridPanel agrupado.

  • diálogo de movimentação pesada

    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 (movimentação "pesada").

  • oculto

    CQ.Ext.form.Hidden

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

  • historybutton

    CQ.HistoryButton

    O HistoryButton é uma pequena classe auxiliar para fornecer facilmente botões de voltar e avançar. Normalmente, duas instâncias relacionadas são necessárias: a instância do botão Avançar é um botão simples vinculado à instância do botão Voltar que lida com o histórico.

  • htmleditor

    CQ.Ext.form.HtmlEditor

    Fornece um componente leve do Editor de HTML. Alguns recursos da barra de ferramentas não são compatíveis com o Safari e são ocultos automaticamente quando necessário. Isso é observado nas opções de configuração, quando apropriado.

    Os botões da barra de ferramentas do editor têm dicas de ferramentas definidas no buttonTips propriedade.

  • iframedialog

    CQ.IframeDialog

    Uma caixa de diálogo simples que mostra o conteúdo de um iframe e permite formulários em iframes.

  • iframepanel

    CQ.IframePanel

    Um painel que contém um iframe. Fornece fácil criação de iframes, um evento de carregamento de iframe e fácil acesso ao conteúdo do iframe.

  • inlinetextfield

    CQ.form.InlineTextField

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

  • jsonstore

    CQ.Ext.data.JsonStore

    Classe auxiliar pequena para criar CQ.Ext.data.Stores dos dados JSON mais fácil. Um JsonStore é configurado automaticamente com um CQ.Ext.data.JsonReader.

  • rótulo

    CQ.Ext.form.Label

    Campo Rótulo básico.

  • language copydialog

    CQ.wcm.LanguageCopyDialog

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

  • linkchecker

    CQ.wcm.LinkChecker

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

  • listview

    CQ.Ext.list.ListView

    CQ.Ext.list.ListView é uma implementação rápida e leve de um Semelhante a grade exibição.

  • livecopyproperties

    CQ.wcm.msm.LiveCopyProperties

    As Live CopyProperties fornecem um painel para exibir e editar propriedades da Live Copy ( herança de relacionamento, acionador de sincronização e ações de sincronização ).

  • lvbooleancolumn

    CQ.Ext.list.BooleanColumn

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

  • lvcolumn

    CQ.Ext.list.Column

    Essa classe encapsula dados de configuração de coluna a serem usados na inicialização de um ListView.

  • lvdatecolumn

    CQ.Ext.list.DateColumn

    Uma classe de definição de Coluna que renderiza uma data passada de acordo com o local padrão ou uma configuração formato. Consulte a xtype opção de configuração de CQ.Ext.list.Column para obter mais detalhes.

  • lvnumbercolumn

    CQ.Ext.list.NumberColumn

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

  • mediabrowsedialog

    CQ.MediaBrowseDialog

    Obsoleto: uso Localizador de conteúdo para navegar pela mídia.

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

  • menu

    CQ.Ext.menu.Menu

    Um objeto de menu. Este é o contêiner ao qual você pode adicionar itens de menu. O menu também pode servir como classe base quando você deseja um menu especializado baseado em outro componente (como CQ.Ext.menu.DateMenu por exemplo).

    Os menus podem conter itens de menuou geral Componentes

  • menubaseitem

    CQ.Ext.menu.BaseItem

    A classe base de todos os itens que são renderizados em menus. BaseItem fornece renderização padrão, gerenciamento de estado ativado e opções de configuração base 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 que 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 a menu (como submenus) e não são itens de exibição estáticos. O item estende a funcionalidade base de CQ.Ext.menu.BaseItem adicionando a ativação específica do menu e o manuseio de cliques.

  • menuseparator

    CQ.Ext.menu.Separator

    Adiciona uma barra separadora a um menu, usada para dividir grupos lógicos de itens de menu. Geralmente, você adiciona um desses itens usando "-" na chamada para add() ou na configuração dos itens, em vez de criar um diretamente.

  • menutextitem

    CQ.Ext.menu.TextItem

    Adiciona uma cadeia de texto estática a um menu, usada como separador de cabeçalho ou de grupo.

  • metadados

    CQ.dam.form.Metadata

    Os metadados fornecem um conjunto de campos para determinar as informações necessárias para um campo de metadados conforme usado, por exemplo, nas páginas do Editor de ativos.

    Ela 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 Multivariate Testing pode ser usado para definir e editar um conjunto de imagens que são apresentadas como banners alternados. As estatísticas de taxa de click-through 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.

  • numberfield

    CQ.Ext.form.NumberField

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

  • offlineimporter

    CQ.wcm.OfflineImporter

    O OfflineImporter é uma ferramenta para importar e converter documentos do Microsoft® Word para páginas AEM. Esse recurso permite que o conteúdo seja editado offline usando um processador de texto.

  • ownerdraw

    CQ.form.OwnerDraw

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

  • paginação

    CQ.Ext.PagingToolbar

    À medida que o número 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 contêiner que tem funcionalidade específica e componentes estruturais que o tornam o bloco de construção perfeito para interfaces do usuário orientadas por aplicativos.

    Os painéis são, em virtude de sua herança de CQ.Ext.Container.

  • referênciaparágrafo

    CQ.form.ParagraphReference

    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 procura de parágrafo associada.

  • senha

    CQ.form.Password

    A senha é como um CQ.Ext.form.TextField mas mantém o valor privado, permitindo que os usuários insiram dados confidenciais.

  • pathcompletion

    CQ.form.PathCompletion

    Obsoleto: uso CQ.form.PathField em vez disso

  • pathfield

    CQ.form.PathField

    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 gerar 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 (por meio de updateProgress) e limpando a barra de progresso conforme necessário a partir de 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 em 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

  • propgrid

    CQ.PropertyGrid

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

  • dica rápida

    CQ.Ext.QuickTip

    @xtype quicktip Uma classe de dica de ferramenta especializada para dicas de ferramenta que podem ser especificadas na marcação e gerenciadas automaticamente pelo global CQ.Ext.QuickTips instância. Consulte o cabeçalho da classe QuickTips para obter detalhes e exemplos adicionais de uso.

  • rádio

    CQ.Ext.form.Radio

    Um único campo de rádio. Igual à caixa de seleção, mas fornecido como uma conveniência para definir automaticamente o tipo de entrada. O agrupamento de botões de opção é manipulado automaticamente pelo navegador se você atribuir o mesmo nome a cada rádio em um grupo.

  • radiogroup

    CQ.Ext.form.RadioGroup

    Um container de agrupamento para CQ.Ext.form.Radio controlos.

  • referencesdialog

    CQ.wcm.ReferencesDialog

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

  • restoretreedialog

    CQ.wcm.RestoreTreeDialog

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

  • restoreversiondialog

    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 de RichText fornece atualmente os seguintes recursos:

  • rolloutplan

    CQ.wcm.msm.RolloutPlan

    O Plano de implantação fornece uma caixa de diálogo para observar o andamento de uma implantação de página. O Plano de implantação é iniciado por um CQ.wcm.msm.RolloutWizard.

  • rolloutwizard

    CQ.wcm.msm.RolloutWizard

    O Assistente de implantação fornece um assistente para implantar uma página. O Assistente de implantação inicia um CQ.wcm.msm.RolloutPlan.

  • searchfield

    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 Selection 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 uma lista suspensa (selecionar) ou uma caixa combo (selecionar mais a entrada de texto livre).

  • sidekick

    CQ.wcm.Sidekick

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

  • siteadmin

    CQ.wcm.SiteAdmin

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

  • siteimporter

    CQ.wcm.SiteImporter

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

  • sizefield

    CQ.form.SizeField

    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 imagem que podem ser exibidos como uma apresentação de slides.

    O componente de Apresentação de slides é baseado no CQ.form.SmartImage componente.

  • smartfile

    CQ.form.SmartFile

    O SmartFile é um carregador inteligente de arquivos.

    Se um plug-in do Flash (versão >= 9) estiver instalado, os uploads serão executados usando a biblioteca SWFupload que fornece uma maneira conveniente de lidar com uploads.

  • smartimage

    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 cortador de imagem.

    O componente foi projetado para uso em uma guia de caixa de diálogo separada.

  • espaçador

    CQ.Ext.Spacer

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

  • ponteiro

    CQ.form.Spinner

    O Indicador de rotação é um campo de acionamento 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 de rolagem ou as teclas.

  • splitbutton

    CQ.Ext.SplitButton

    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 clique de seta.

  • estático

    CQ.Static

    O estático pode ser usado para exibir texto ou HTML arbitrários.

  • statistics

    CQ.wcm.Statistics

    A página Estatísticas exibe as impressões da página como um gráfico. O widget permite selecionar um período para o qual as estatísticas devem ser exibidas.

  • loja

    CQ.Ext.data.Store

    A classe Store encapsula um cache do lado do cliente de Gravar objetos que fornecem dados de entrada para Componentes como o GridPanel, o ComboBoxou a variável DataView.

  • sugestfield

    CQ.form.SuggestField

    O campo Sugerir fornece ao usuário sugestões 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: uso CQ.form.TableEdit2 em vez disso.

  • tableedit2

    CQ.form.TableEdit2

    O TableEdit2 fornece um widget para criar tabelas.

  • tabpanel

    CQ.Ext.TabPanel

    Um contêiner de guia básico. TabPanels podem ser usados exatamente como um padrão CQ.Ext.Panel para fins de layout, mas também têm suporte especial para conter Componentes secundários (items).

  • tags

    CQ.tagging.TagInputField

    code language-none
    CQ.tagging.TagInputField
    

    é um widget de formulário para inserção de tags. Ele tem um menu pop-up para seleção entre tags existentes, inclui preenchimento automático e muitos outros recursos.

  • textarea

    CQ.Ext.form.TextArea

    Campo de texto multilinha. Pode ser usado como uma substituição direta para campos de área 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 um 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

  • campo de tempo

    CQ.Ext.form.TimeField

    Fornece um campo de entrada de tempo com uma lista suspensa de tempo e validação de tempo automática. Exemplo de uso: …

  • dica

    CQ.Ext.Tip

    @xtype tip Esta é a classe base para CQ.Ext.QuickTip e CQ.Ext.Tooltip que fornece o layout básico e o posicionamento exigidos por todas as classes baseadas em dicas. Esta classe pode ser usada diretamente para dicas simples, 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 também pode carregar um título.

  • barra de ferramentas

    CQ.Ext.Toolbar

    Classe da barra de ferramentas básica. Embora a defaultType para Barra de ferramentas é button, Os elementos da barra de ferramentas (itens secundários do 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.

  • dica de ferramenta

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

  • treegrid

    CQ.tree.TreeGrid

    @xtype treegrid

  • treepanel

    CQ.Ext.tree.TreePanel

    O TreePanel fornece uma representação de dados estruturados em árvore na interface do usuário.

    TreeNodes adicionados ao TreePanel podem conter metadados usados pelo aplicativo na atributos propriedade.

  • acionador

    CQ.Ext.form.TriggerField

    Fornece um invólucro conveniente para TextFields que adiciona um botão acionador clicável (parece uma caixa combo por padrão). O acionador não tem uma ação padrão, portanto, você deve atribuir uma função para implementar o manipulador de cliques do acionador substituindo onTriggerClick. Você pode criar um TriggerField diretamente, pois ele é renderizado exatamente como uma caixa de combinação.

  • upload

    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.

  • viewport

    CQ.Ext.Viewport

    Um contêiner especializado que representa a área do aplicativo visível (a janela de visualização do navegador).

    O Viewport se renderiza para o corpo do documento e automaticamente se dimensiona para o tamanho do visor do navegador e gerencia o redimensionamento da janela. Só pode haver uma janela de visualização criada.

  • janela

    CQ.Ext.Window

    Um painel especializado para uso como uma janela de aplicativo. As janelas flutuam, redimensionável, e arrastável por padrão. O Windows pode ser maximizado para preencher o visor, restaurado ao tamanho anterior e pode ser minimizard)

  • xmlstore

    CQ.Ext.data.XmlStore

    Classe auxiliar pequena para criar CQ.Ext.data.Stores de dados XML mais fácil. Um XmlStore é configurado automaticamente com um CQ.Ext.data.XmlReader.

    cqinclude Pseudo tipo que inclui definições de widget de um caminho diferente no repositório. É usado com mais frequência em caixas de diálogo de página. Não há classe de widget JavaScript real para este xtype. Ele é processado pela função formatData() da classe CQ.Util. Para obter mais informações, consulte este artigo da knowledge base.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2