Vous consultez actuellement l'aide de la version:

Cette page décrit tous les xtypes disponibles avec Adobe Experience Manager (AEM).

Dans le langage ExtJS, un xtype est un nom symbolique donné à une classe. Vous pouvez lire le paragraphe Composant XTypes de la Présentation d’ExtJS 2
pour une explication détaillée des xtypes et de leur utilisation.

Pour obtenir des informations complètes sur tous les widgets disponibles dans AEM, reportez-vous à la documentation relative à l’API de widget.

Pour déterminer les composants dans lesquels un xtype donné est utilisé au sein d’AEM, vous pouvez utiliser la requête Xpath suivante dans CRXDE en remplaçant 'checkbox' par le xtype qui vous intéresse :            
//element(*, cq:Widget)[@xtype='checkbox']

Remarque :

Cette page décrit l’utilisation des xtypes ExtJS dans l’IU classique.

Adobe recommande d’utiliser l’IU compatible avec les écrans tactiles standard et moderne qui repose sur l’IU Coral et l’IU Granite.

xtypes

Vous trouverez ci-dessous la liste des xtypes disponibles dans Adobe Experience Manager :

annotation

CQ.wcm.Annotation
La boîte de dialogue est un type spécial de fenêtre avec un formulaire dans le corps et un groupe de boutons dans le pied de page. Elle est généralement utilisée pour modifier du contenu, mais peut également afficher uniquement des informations.

arraystore

CQ.Ext.data.ArrayStore

Auparavant connu sous le nom « SimpleStore ».

Petite classe d’aide permettant de faciliter la création des CQ.Ext.data.Stores à partir de données de tableau. Un ArrayStore est automatiquement configuré avec un CQ.Ext.data.ArrayReader.

asseteditor

CQ.dam.AssetEditor
Éditeur de ressources utilisé par l’administrateur de gestion des actifs numériques.

assetreferencesearchdialog

CQ.wcm.AssetReferenceSearchDialog
AssetReferenceSearchDialog est une boîte de dialogue qui apparaît lorsqu’une page fait référence à des ressources ou à des balises.

blueprintconfig

CQ.wcm.msm.BlueprintConfig
BlueprintConfig fournit un panneau pour afficher les Live Copies d’un plan directeur et modifier les propriétés de ce plan directeur (déclencheur de synchronisation et actions de synchronisation).

blueprintstatus

CQ.wcm.msm.BlueprintStatus
BlueprintStatus fournit un panneau pour afficher et modifier un plan directeur et ses relations avec les Live Copies. La navigation s’effectue via un CQ.wcm.msm.BlueprintStatus.Tree, et la modification via un CQ.wcm.msm.BlueprintConfig et un CQ.wcm.msm.LiveCopyProperties.

box

CQ.Ext.BoxComponent

Classe de base pour tout composant qui doit être dimensionné comme une boîte, en utilisant la largeur et la hauteur.

BoxComponent fournit les réglages automatiques de modèles de boîte de dialogue pour le dimensionnement et le positionnement, et fonctionne correctement dans le modèle de rendu de composant.

browsedialog

CQ.BrowseDialog
BrowseDialog permet à l’utilisateur de parcourir le référentiel afin de sélectionner un chemin. Il est généralement utilisé par un BrowseField.

browsefield

CQ.form.BrowseField
Obsolète : utilisez plutôt CQ.form.PathField

*.

bulkeditor

CQ.wcm.BulkEditor
BulkEditor fournit un moteur de recherche et une grille pour modifier les résultats de recherche.

BulkEditor doit être inséré dans un formulaire HTML (requis par la fonctionnalité d’importation). Cela fonctionne parfaitement avec un CQ.Dialog.

bulkeditorform

CQ.wcm.BulkEditorForm
BulkEditorForm fournit CQ.wcm.BulkEditor entouré d’un formulaire HTML. Il s’agit de la version autonome de CQ.wcm.BulkEditor. Le formulaire HTML est nécessaire pour le bouton d’importation.

button

CQ.Ext.Button
Classe de bouton simple.

buttongroup

CQ.Ext.ButtonGroup
Conteneur pour un groupe de boutons.

chart

CQ.Ext.chart.Chart
Le module CQ.Ext.chart fournit la fonctionnalité de visualisation des données avec une représentation graphique basée sur Flash. Chaque graphique est directement lié à un CQ.Ext.data.Store qui en permet la mise à jour automatique. Pour modifier l’aspect, voir les options de configuration chartStyle et extraStyle.

checkbox

CQ.Ext.form.Checkbox
Champ de case à cocher simple. Il peut être utilisé en tant que remplacement direct pour les champs de case à cocher traditionnels.

checkboxgroup

CQ.Ext.form.CheckboxGroup

Un conteneur de regroupement pour les contrôles CQ.Ext.form.Checkbox.

clearcombo

CQ.form.ClearableComboBox
ClearableComboBox est une zone de liste non modifiable avec un déclencheur pour effacer sa valeur.

colorfield

CQ.form.ColorField
ColorField permet à l’utilisateur de saisir une valeur hexadécimale directement ou à l’aide d’un CQ.Ext.ColorMenu.

colorlist

CQ.form.ColorList
ColorList permet à l’utilisateur de sélectionner une couleur dans une liste modifiable.

colormenu

CQ.Ext.menu.ColorMenu

Menu contenant un composant CQ.Ext.ColorPalette.

colorpalette

CQ.Ext.ColorPalette
Classe de palette de couleurs simple pour sélectionner les couleurs. La palette peut être rendue dans n’importe quel conteneur.

combo

CQ.Ext.form.ComboBox

Contrôle ComboBox avec la prise en charge de la saisie automatique, du chargement à distance, de la pagination et de nombreuses autres fonctions.

Un ComboBox fonctionne de manière similaire à un champ <select> HTML traditionnel. La différence est que, pour soumettre le valueField, vous devez spécifier un hiddenName afin de créer une entrée masquée.

component

CQ.Ext.Component

Classe de base pour tous les composants Ext. Toutes les sous-classes de Component peuvent participer au cycle de vie du composant Ext automatisé, à son rendu et à sa destruction fourni par la classe Container. Les composants peuvent être ajoutés à un conteneur par l’option de configuration items lors de la création du conteneur.

componentextractor

CQ.wcm.ComponentExtractor
ComponentExtractor permet à l’utilisateur d’extraire des composants d’un site/d’une page web.

componentselector

CQ.form.ComponentSelector
Sélection groupée et ordonnée de composants disponibles.

componentstyles

compositefield

CQ.form.CompositeField
Classe de base pour les champs de formulaires complexes basés sur les panneaux qui comprennent un champ de formulaire ou un groupe de champs de formulaires.

container

CQ.Ext.Container

Classe de base pour tout CQ.Ext.BoxComponent qui peut contenir d’autres composants. Les conteneurs gèrent le comportement de base relatif aux éléments, à savoir l’ajout, l’insertion et la suppression d’éléments.

Les classes Container les plus utilisées sont : CQ.Ext.Panel, CQ.Ext.Window et CQ.Ext.TabPanel.

contentfinder

CQ.wcm.ContentFinder

ContentFinder est une fenêtre spécialisée de deux colonnes contenant l’outil de recherche à gauche, et le cadre de contenu à droite.

contentfindertab

CQ.wcm.ContentFinderTab

ContentFinderTab est un panneau spécialisé fournissant des fonctions utilisées dans les panneaux à onglet de CQ.wcm.ContentFinder. En règle générale, il comprend un formulaire de recherche (la boîte de dialogue de requête) et une vue de données pour afficher la recherche.

cq.workflow.model.combo

CQ.wcm.WorkflowModelCombo
WorkflowModelCombo est un CQ.Ext.form.ComboBox personnalisé qui affiche la liste des modèles de workflow disponibles.

cq.workflow.model.selector

CQ.wcm.WorkflowModelSelector
WorkflowModelSelector combine un WorkflowModelCombo avec une image miniature du workflow et des boutons permettant de créer et de modifier des modèles de workflow.

createsitewizard

CQ.wcm.CreateSiteWizard
CreateSiteWizard est un assistant détaillé pour créer des sites (MSM).

createversiondialog

CQ.wcm.CreateVersionDialog
CreateVersionDialog est une boîte de dialogue qui permet de créer une version d’une page.

customcontentpanel

CQ.CustomContentPanel
CustomContentPanel est un type spécial de panneau à utiliser dans CQ.Dialog : son contenu est récupéré depuis et vers une URL différente des autres champs de la boîte de dialogue.

cycle

CQ.Ext.CycleButton
SplitButton spécialisé contenant un menu d’éléments CQ.Ext.menu.CheckItem. Le bouton fait défiler automatiquement chaque élément de menu lors d’un clic, augmentant l’événement change du bouton (ou appelant la fonction changeHandler du bouton, si disponible) pour l’élément de menu actif. 

dataview

CQ.Ext.DataView
Mécanisme pour l’affichage des données à l’aide des modèles de mise en page personnalisés et le formatage. DataView utilise un CQ.Ext.XTemplate comme mécanisme de modélisation interne et il est lié à un CQ.Ext.data.Store de façon à ce que l’affichage soit automatiquement mis à jour à mesure que les données de la boutique sont modifiées. 

datefield

CQ.Ext.form.DateField
Fournit un champ de saisie de date avec un menu déroulant CQ.Ext.DatePicker et la validation de date automatique.

datemenu

CQ.Ext.menu.DateMenu

Menu contenant un composant CQ.Ext.DatePicker.

datepicker

CQ.Ext.DatePicker

Sélecteur de date contextuel. Cette classe est utilisée par la classe DateField pour permettre de parcourir et de sélectionner des dates valides.

datetime

CQ.form.DateTime
dateTime permet à l’utilisateur de saisir une date et une heure en combinant CQ.Ext.form.DateField et CQ.Ext.form.TimeField.

dialog

CQ.Dialog
La boîte de dialogue est un type spécial de fenêtre avec un formulaire dans le corps et un groupe de boutons dans le pied de page. Elle est généralement utilisée pour modifier du contenu, mais peut également afficher uniquement des informations.

dialogfieldset

CQ.form.DialogFieldSet
DialogFieldSet est un FieldSet à utiliser dans les boîtes de dialogue.

directstore

CQ.Ext.data.DirectStore

Petite classe d’aide pour créer un CQ.Ext.data.Store configuré avec un CQ.Ext.data.DirectProxy et un CQ.Ext.data.JsonReader pour faciliter l’interaction avec un fournisseur côté serveur de CQ.Ext.Direct.

displayfield

CQ.Ext.form.DisplayField
Champ de texte en affichage seul qui n’est ni validé ni envoyé.

editbar

CQ.wcm.EditBar
EditBar permet à l’utilisateur de modifier du contenu à l’aide des boutons figurant dans une barre.

Bien que non répertorié ici, EditBar possède tous les membres de CQ.wcm.EditBase.

editor

CQ.Ext.Editor
Champ d’éditeur de base qui gère l’affichage/le masquage sur demande et dispose d’une logique intégrée de dimensionnement et de gestion des événements.

editorgrid

CQ.Ext.grid.EditorGridPanel

Cette classe étend la classe GridPanel pour fournir la modification des cellules sur des colonnes sélectionnées. Les colonnes modifiables sont définies en fournissant un éditeur dans la configuration de colonne.

editrollover

CQ.wcm.EditRollover

EditRollover permet à l’utilisateur de modifier le contenu par double clic et fournit davantage d’actions de modification via un menu contextuel. La zone modifiable est indiquée par un cadre lorsque le curseur est placé au-dessus du contenu.

feedimporter

CQ.wcm.FeedImporter
FeedImporter permet à l’utilisateur d’importer des flux RSS ou Atom et de créer des pages pour chaque entrée de flux.

field

CQ.Ext.form.Field
Classe de base pour les champs de formulaire qui offre une gestion d’événement par défaut, le dimensionnement, la manipulation des valeurs et d’autres fonctionnalités.

fieldset

CQ.Ext.form.FieldSet
Conteneur standard utilisé pour regrouper les éléments dans un formulaire.

fileuploaddialogbutton

CQ.form.FileUploadDialogButton
FileUploadDialogButton crée un bouton qui ouvre une boîte de dialogue pour télécharger un fichier via FileUploadField. Il peut être utilisé à l’intérieur des boîtes de dialogue de modification où le téléchargement doit se produire dans un formulaire distinct.

fileuploadfield

CQ.form.FileUploadField
FileUploadField permet à l’utilisateur de sélectionner un fichier unique à télécharger.

findreplacedialog

CQ.wcm.FindReplaceDialog
FindReplaceDialog est une boîte de dialogue permettant de rechercher et de remplacer des jetons sur une page et ses pages enfants.

flash

grid

CQ.Ext.grid.GridPanel

Cette classe représente l’interface principale d’un contrôle de grille basé sur un composant pour représenter des données sous forme tabulaire avec des lignes et des colonnes. 

groupingstore

CQ.Ext.data.GroupingStore
Mise en œuvre de boutique spéciale qui permet le regroupement des enregistrements par l’un des champs disponibles. Cette opération est généralement utilisé conjointement à un CQ.Ext.grid.GroupingView afin de prouver le modèle de données pour un GridPanel groupé.

heavymovedialog

CQ.wcm.HeavyMoveDialog
HeavyMoveDialog est une boîte de dialogue permettant de déplacer une page et ses pages enfants, en prenant également en compte la réactivation des pages précédemment activées (déplacement lourd ou « heavy move » en anglais).

hidden

CQ.Ext.form.Hidden
Champ masqué de base pour stocker les valeurs masquées dans des formulaires qui doivent être transmises lors de l’envoi des formulaires.

historybutton

CQ.HistoryButton

HistoryButton est une petite classe d’aide qui fournit facilement des boutons Précédent et Suivant. Généralement, deux instances associées sont nécessaires : l’instance de bouton Suivant est un simple bouton lié à l’instance de bouton Précédent qui gère l’historique.

htmleditor

CQ.Ext.form.HtmlEditor
Fournit un composant d’éditeur HTML léger. Certaines fonctions de barre d’outils ne sont pas prises en charge par Safari et automatiquement masquées si nécessaire. Elles sont répertoriées dans les options de configuration, le cas échéant.

Les boutons de la barre d’outils de l’éditeur ont des infos-bulle définies dans la propriété buttonTips.

iframedialog

CQ.IframeDialog
Boîte de dialogue basique affichant le contenu d’un iframe et permettant la présence de formulaires dans les iframes.

iframepanel

CQ.IframePanel
Panneau contenant un iframe. Permet de créer facilement des iframes, ainsi qu’un événement de chargement d’iframe, et facilite l’accès au contenu de l’iframe.

inlinetextfield

CQ.form.InlineTextField
InlineField est un champ de texte qui s’affiche en tant que libellé lorsqu’il n’est pas dans le focus.

jsonstore

CQ.Ext.data.JsonStore

Petite classe d’aide permettant de faciliter la création des CQ.Ext.data.Stores à partir de données JSON. Un JsonStore est automatiquement configuré avec un CQ.Ext.data.JsonReader.

label

CQ.Ext.form.Label
Champ de libellé de base.

languagecopydialog

CQ.wcm.LanguageCopyDialog
LanguageCopyDialog est une boîte de dialogue permettant de copier les arborescences de langues.

linkchecker

CQ.wcm.LinkChecker
LinkChecker est un outil permettant de vérifier les liens externes dans un site.

listview

CQ.Ext.list.ListView

CQ.Ext.list.ListView est une mise en œuvre légère et rapide d’une vue de type grille.

livecopyproperties

CQ.wcm.msm.LiveCopyProperties
LiveCopyProperties fournit un panneau pour afficher et modifier les propriétés des Live Copies (héritage des relations, déclencheur de synchronisation et actions de synchronisation).

lvbooleancolumn

CQ.Ext.list.BooleanColumn

Classe de définition de colonne qui effectue le rendu de champs de données booléens. Voir l’option de configuration xtype de CQ.Ext.list.Column pour plus de détails.

lvcolumn

CQ.Ext.list.Column

Cette classe encapsule les données de configuration des colonnes à utiliser lors de l’initialisation d’une ListView.

lvdatecolumn

CQ.Ext.list.DateColumn

Classe de définition de colonne qui effectue le rendu d’une date transmise en fonction des paramètres régionaux par défaut ou d’un format configuré. Voir l’option de configuration xtype de CQ.Ext.list.Column pour plus de détails.

lvnumbercolumn

CQ.Ext.list.NumberColumn

Classe de définition de colonne qui effectue le rendu d’un champ de données numérique selon une chaîne de format. Voir l’option de configuration xtype de CQ.Ext.list.Column pour plus de détails.

mediabrowsedialog

CQ.MediaBrowseDialog
Obsolète : utilisez plutôt l’outil de recherche de contenu pour parcourir les médias.

MediaBrowseDialog est une boîte de dialogue permettant de parcourir la bibliothèque de médias.

menu

CQ.Ext.menu.Menu

Objet menu. Il s’agit du conteneur dans lequel vous pouvez ajouter des éléments de menu. Le menu peut également servir de classe de base lorsque vous avez besoin d’un menu spécialisé reposant sur un autre composant (comme CQ.Ext.menu.DateMenu).

Les menus peuvent contenir des éléments de menu ou des composants généraux.

menubaseitem

CQ.Ext.menu.BaseItem
Classe de base pour tous les éléments dont le rendu est effectué dans les menus. BaseItem fournit le rendu par défaut, la gestion de l’état activé et les options de configuration de base partagées par tous les composants de menu.

menucheckitem

CQ.Ext.menu.CheckItem
Ajoute un élément de menu qui contient une case à cocher par défaut, mais peut également faire partie d’un groupe de boutons radio.

menuitem

CQ.Ext.menu.Item
Classe de base pour tous les éléments de menu qui nécessitent des fonctionnalités liées au menu (comme des sous-menus) et ne sont pas des éléments d’affichage statique. L’élément étend les fonctionnalités de base de CQ.Ext.menu.BaseItem en ajoutant la gestion des clics et l’activation spécifique aux menus.

menuseparator

CQ.Ext.menu.Separator
Ajoute une barre de séparation à un menu, utilisée pour diviser les groupes logiques d’éléments de menu. En règle générale, vous pouvez l’ajouter à l’aide de « - » dans l’appel de add() ou dans votre configuration d’éléments plutôt qu’en en créant un directement.

menutextitem

CQ.Ext.menu.TextItem
Ajoute une chaîne de texte statique à un menu, généralement utilisée comme en-tête ou séparateur de groupes.

metadata

CQ.dam.form.Metadata

Metadata fournit un ensemble de champs afin de déterminer les informations requises pour un champ de métadonnées utilisé par exemple sur les pages d’éditeur de ressources.

Il fournit les champs suivants :

multifield

CQ.form.MultiField
MultiField est une liste modifiable de champs de formulaire permettant de modifier les propriétés de plusieurs valeurs.

mvt

CQ.form.MVT

Le composant de test multivarié peut être utilisé pour définir et modifier une série d’images qui s’affichent en tant que bannières alternantes. Les statistiques de taux de clics sont rassemblées par bannière.

notificationinbox

CQ.wcm.NotificationInbox
NotificationInbox permet aux utilisateurs de s’abonner aux actions de WCM et de gérer les notifications.

numberfield

CQ.Ext.form.NumberField
Champ numérique qui fournit le filtrage de frappe automatique et la validation numérique.

offlineimporter

CQ.wcm.OfflineImporter
OfflineImporter est un outil permettant d’importer et de convertir des documents Microsoft Word en pages AEM. Cette fonction permet de modifier le contenu hors ligne à l’aide d’un traitement de texte. 

ownerdraw

CQ.form.OwnerDraw
OwnerDraw peut contenir du code HTML personnalisé (saisi directement ou récupéré à partir d’une URL).

paging

CQ.Ext.PagingToolbar

À mesure qu’augmente la quantité d’enregistrements, le temps requis par le navigateur pour en effectuer le rendu augmente. Paging est utilisé pour réduire la quantité de données échangée avec le client. 

panel

CQ.Ext.Panel

Panel est un conteneur disposant de la fonctionnalité et des composants structurels spécifiques qui en font le bloc de création idéal pour les interfaces utilisateur orientées applications.

En vertu de leur héritage, les panneaux proviennent de CQ.Ext.Container.

paragraphreference

CQ.form.ParagraphReference
Le champ de référence de paragraphe permet de parcourir les pages et de sélectionner l’un de leurs paragraphes. Il se compose d’un champ de déclencheur et d’une boîte de dialogue de navigation de paragraphe associée.

password

CQ.form.Password
Password est similaire à un CQ.Ext.form.TextField, mais il conserve sa valeur privée, ce qui permet aux utilisateurs de saisir des données sensibles.

pathcompletion

CQ.form.PathCompletion
Obsolète : utilisez plutôt CQ.form.PathField

*.

pathfield

CQ.form.PathField

PathField est un champ de saisie conçu pour les chemins avec accomplissement du chemin et un bouton pour ouvrir un CQ.BrowseDialog afin de parcourir le référentiel du serveur. Il peut également parcourir les paragraphes des pages pour la génération de lien avancée.

progress

CQ.Ext.ProgressBar

Composant de barre de progression pouvant être mis à jour. La barre de progression prend en charge deux modes différents : manuel et automatique.

En mode manuel, vous êtes chargé d’afficher, de mettre à jour (via updateProgress) et d’effacer la barre de progression selon les besoins de votre propre code. Cette méthode est la plus adaptée lorsque vous souhaitez afficher la progression.

propertygrid

CQ.Ext.grid.PropertyGrid
Mise en œuvre de grille spécialisée conçue pour imiter la grille de propriété classique figurant généralement dans les IDE de développement. Chaque ligne dans la grille représente une propriété d’un objet, et les données sont stockées sous la forme d’un ensemble de paires nom/valeur dans CQ.Ext.grid.PropertyRecords.

propgrid

CQ.PropertyGrid
PropertyGrid est une grille générique utilisée pour afficher et modifier les propriétés des objets.

quicktip

CQ.Ext.QuickTip
Classe d’info-bulle spécialisée pour les info-bulles pouvant être spécifiées au niveau du balisage et gérées automatiquement par l’instance CQ.Ext.QuickTips globale. Voir l’en-tête de la classe QuickTips pour plus de détails et d’exemples d’utilisation.

radio

CQ.Ext.form.Radio
Champ de bouton radio simple. Identique à Checkbox, mais fourni comme un moyen pratique pour définir automatiquement le type d’entrée. Le regroupement de boutons radio est automatiquement traité par le navigateur si vous donnez le même nom à chaque bouton radio au sein d’un groupe.

radiogroup

CQ.Ext.form.RadioGroup
Conteneur de regroupement pour les contrôles CQ.Ext.form.Radio.

referencesdialog

CQ.wcm.ReferencesDialog
ReferencesDialog est une boîte de dialogue permettant d’afficher les références sur une page.

restoretreedialog

CQ.wcm.RestoreTreeDialog
RestoreTreeDialog est une boîte de dialogue permettant de restaurer une version antérieure d’une arborescence.

restoreversiondialog

CQ.wcm.RestoreVersionDialog
RestoreVersionDialog est une boîte de dialogue permettant de restaurer une version antérieure d’une page.

richtext

CQ.form.RichText

RichText fournit un champ de formulaire pour modifier les informations de mise en forme de texte (texte enrichi).

Le composant RichText offre les fonctions suivantes :

rolloutplan

CQ.wcm.msm.RolloutPlan
RolloutPlan fournit une boîte de dialogue pour suivre la progression du déploiement d’une page. RolloutPlan est démarré par un CQ.wcm.msm.RolloutWizard.

rolloutwizard

CQ.wcm.msm.RolloutWizard
RolloutWizard offre un assistant pour déployer une page. RolloutWizard démarre un CQ.wcm.msm.RolloutPlan.

searchfield

CQ.form.SearchField
SearchField fournit un champ de recherche qui permet d’obtenir des résultats dans une liste déroulante et peut être utilisé pour effectuer une recherche dans le référentiel.

selection

CQ.form.Selection
Selection permet à l’utilisateur de choisir entre plusieurs options. Les options peuvent faire partie de la configuration ou être chargées à partir d’une réponse JSON. Selection peut être rendu sous la forme d’une liste déroulante (sélection) ou d’une zone de liste déroulante (sélection et saisie de texte libre).

sidekick

CQ.wcm.Sidekick
Sidekick est un panneau latéral flottant fournissant à l’utilisateur les outils courants pour modifier les pages.

siteadmin

CQ.wcm.SiteAdmin
SiteAdmin est une console fournissant des fonctions d’administration WCM.

siteimporter

CQ.wcm.SiteImporter
SiteImporter permet à l’utilisateur d’importer des sites web complets et de créer des projets initiaux.

sizefield

CQ.form.SizeField
SizeField permet à l’utilisateur de saisir la largeur et la hauteur (par exemple, pour une image).

slider

CQ.Ext.Slider
Slider qui prend en charge l’orientation verticale ou horizontale, les réglages de clavier, l’alignement configurable, le clic sur les axes et l’animation. Il peut être ajouté comme élément à n’importe quel conteneur. Exemple d’utilisation : …

slideshow

CQ.form.Slideshow

Slideshow contient un composant qui peut être utilisé pour définir et modifier un jeu d’images et de titres d’images qui peuvent être affichés sous forme de diaporama.

Le composant Slideshow est basé sur le composant CQ.form.SmartImage.

smartfile

CQ.form.SmartFile

SmartFile est un téléchargeur de téléchargement de fichier intelligent.

Si un module externe Flash (de version 9 ou supérieure) est installé, les téléchargements sont effectués à l’aide de la bibliothèque SWFupload qui offre un moyen pratique pour gérer les téléchargements. 

smartimage

CQ.form.SmartImage

SmartImage est un téléchargeur d’image intelligent. Il fournit des outils permettant de traiter une image téléchargée, par exemple un outil pour définir les zones cliquables et un autre pour rogner les images.

Notez que le composant est principalement conçu pour une utilisation sur un onglet de boîte de dialogue distinct.

spacer

CQ.Ext.Spacer

Utilisé pour fournir un espace dimensionnable dans une mise en page.

spinner

CQ.form.Spinner

Spinner est un champ de déclencheur pour des valeurs numériques, de date ou d’heure. La valeur peut être augmentée et réduite à l’aide des déclencheurs haut et bas fournis, de la molette de défilement ou des touches.

splitbutton

CQ.Ext.SplitButton
Bouton de division qui intègre une flèche déroulante capable de déclencher un événement séparément de l’événement de clic par défaut du bouton. En règle générale, cela est utilisé pour afficher un menu déroulant qui fournit des options supplémentaires à l’action du bouton principal, mais tout autre gestionnaire personnalisé peut fournir la mise en œuvre arrowclick. Exemple d’utilisation : …

static

CQ.Static
Static peut être utilisé pour afficher du code HTML ou du texte arbitraire.

statistics

CQ.wcm.Statistics
Statistics affiche les impressions de pages sous forme graphique. Le widget permet de sélectionner la période pendant laquelle les statistiques doivent être affichées.

store

CQ.Ext.data.Store

La classe Store encapsule un cache côté client d’objets Record qui fournissent des données pour les composants tels que GridPanel, ComboBox ou DataView.

suggestfield

CQ.form.SuggestField
SuggestField fournit à l’utilisateur des suggestions basées sur sa saisie.

switcher

CQ.Switcher
Switcher fournit un groupe de boutons pour la barre d’en-tête dans une console pour basculer entre les sites web, les ressources numériques, les outils, le workflow et la sécurité.

tableedit

CQ.form.TableEdit
Obsolète : utilisez plutôt CQ.form.TableEdit2.

*

tableedit2

CQ.form.TableEdit2

TableEdit2 fournit un widget pour créer des tableaux.


tabpanel

CQ.Ext.TabPanel

Conteneur d’onglets de base. TabPanels peut être utilisé exactement comme un CQ.Ext.Panel standard pour la mise en page, mais offre également une prise en charge spéciale pour contenir des composants enfants (éléments) qui sont gérés à l’aide de…

tags

CQ.tagging.TagInputField
CQ.tagging.TagInputField est un widget de formulaire pour saisir des balises. Il dispose d’un menu contextuel permettant de faire une sélection parmi les balises existantes, et inclut la saisie semi-automatique, ainsi que bien d’autres fonctions.

textarea

CQ.Ext.form.TextArea
Champ de texte multiligne. Il peut être utilisé en tant que remplacement direct pour les champs textarea traditionnels et ajoute la prise en charge du dimensionnement automatique.

textbutton

CQ.TextButton
TextButton fournit un lien de texte avec les fonctionnalités d’un CQ.Ext.Button.

textfield

CQ.Ext.form.TextField

Champ de texte de base. Il peut être utilisé en tant que remplacement direct pour les saisies de texte traditionnelles, ou en tant que classe de base pour les contrôles de saisie plus sophistiqués (tels que CQ.Ext.form.TextArea et CQ.Ext.form.ComboBox).

thumbnail

timefield

CQ.Ext.form.TimeField
Il fournit un champ de saisie de l’heure avec une liste déroulante d’heure et la validation automatique de l’heure. Exemple d’utilisation : …

tip

CQ.Ext.Tip
Classe de base pour CQ.Ext.QuickTip et CQ.Ext.Tooltip qui fournit la mise en page de base et le positionnement dont toutes les classes basées sur les conseils ont besoin. Cette classe peut être utilisée directement pour des conseils simples et statiques.

titleseparator

CQ.Ext.menu.TitleSeparator
Ajoute une barre de séparation à un menu, utilisée pour diviser les groupes logiques d’éléments de menu. Le séparateur peut en outre avoir un titre.

toolbar

CQ.Ext.Toolbar

Classe de barre d’outils de base. Bien que le defaultType pour Toolbar soit button, les éléments Toolbar (les éléments enfants du conteneur Toolbar) peuvent être quasiment tout type de composant. Les éléments Toolbar peuvent être créés de façon explicite par le biais de leurs constructeurs.

tooltip

CQ.Ext.ToolTip
Mise en œuvre d’info-bulle standard pour obtenir des informations supplémentaires en passant le pointeur de la souris sur un élément cible. @xtype tooltip.

treegrid

CQ.tree.TreeGrid
@xtype treegrid

treepanel

CQ.Ext.tree.TreePanel

TreePanel offre une représentation d’IU à structure arborescente des données présentant une arborescence.

Les TreeNodes ajoutés au TreePanel peuvent contenir chacun des métadonnées utilisées par votre application dans leur propriété attributes.

trigger

CQ.Ext.form.TriggerField
Fournit un wrapper pratique pour les objets TextField qui ajoute un bouton déclencheur cliquable (qui ressemble par une défaut à une zone de liste modifiable). Le déclencheur n’a pas d’action par défaut, vous devez donc attribuer une fonction pour mettre en œuvre le gestionnaire de clic de déclenchement en remplaçant onTriggerClick. Vous pouvez créer un TriggerField directement, car son rendu est effectué exactement comme une zone de liste modifiable.

uploaddialog

CQ.UploadDialog
UploadDialog permet à l’utilisateur de télécharger des fichiers dans le référentiel. Il crée une boîte de dialogue de téléchargement.

userinfo

CQ.UserInfo
Élément de barre d’outils pour afficher le nom d’utilisateur actuel et autoriser des actions d’utilisateur comme la modification des propriétés et l’emprunt d’identité.

viewport

CQ.Ext.Viewport

Conteneur spécialisé représentant la zone d’application visible (la fenêtre de navigateur).

Le Viewport effectue lui-même son rendu dans le corps du document, se redimensionne automatiquement à la taille de la fenêtre du navigateur et gère le redimensionnement de la fenêtre. Il ne peut y avoir qu’une seule fenêtre créée.

window

CQ.Ext.Window

Panneau spécialisé destiné à une utilisation comme fenêtre d’application. Les fenêtres sont flottantes, redimensionnables et déplaçables par défaut. Les fenêtres peuvent être agrandies pour remplir la fenêtre, restaurées à leur taille antérieure et réduites.

xmlstore

CQ.Ext.data.XmlStore

Petite classe d’aide permettant de faciliter la création des CQ.Ext.data.Stores à partir de données XML. Un XmlStore est automatiquement configuré avec un CQ.Ext.data.XmlReader.

 

cqinclude

Pseudo xtype qui comprend des définitions de widget figurant dans un chemin différent au sein du référentiel. Il est le plus souvent utilisé dans les boîtes de dialogue de page. Il n’existe aucune classe de widget JavaScript pour ce xtype. Il est traité par la fonction formatData() de la classe CQ.Util. Pour plus d’informations, voir cet article de la base de connaissances.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne