Show Menu
SUJETS×

Utilisation des xtypes (IU classique)

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. You can read the "Component XTypes" paragraph of the Overview of ExtJS 2 for a detailed explanation about what an xtype is and how it can be used.
Pour obtenir des informations complètes sur tous les widgets disponibles dans AEM, reportez-vous à la documentation relative à l’API de widget .
Pour savoir dans quels composants un xtype donné est utilisé dans 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']
Cette page décrit l’utilisation des xtypes ExtJS dans l’IU classique.
Adobe recommends that you leverage the standard, modern, touch-enabled UI based on Coral UI and Granite UI .

xtypes

Vous trouverez ci-dessous la liste des xtypes disponibles dans Adobe Experience Manager :
  • 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
    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
    Éditeur de ressources utilisé par l’administrateur de gestion des actifs numériques.
  • assetreferencesearchdialog
    AssetReferenceSearchDialog est une boîte de dialogue qui apparaît lorsqu’une page fait référence à des ressources ou à des balises.
  • 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
    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
    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
    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
    Obsolète : Utilisez plutôt CQ.form.PathField
  • 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
    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
    Classe Simple Button
  • buttongroup
    Conteneur d’un groupe de boutons.
  • 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
    Champ de case à cocher unique. Il peut être utilisé en tant que remplacement direct pour les champs de case à cocher traditionnels.
  • checkboxgroup
    Un conteneur de regroupement pour les contrôles CQ.Ext.form.Checkbox .
  • clearcombo
    ClearableComboBox est une zone de liste non modifiable avec un déclencheur pour effacer sa valeur.
  • colorfield
    ColorField permet à l’utilisateur de saisir une valeur hexadécimale directement ou à l’aide d’un CQ.Ext.ColorMenu .
  • colorlist
    ColorList permet à l’utilisateur de sélectionner une couleur dans une liste modifiable.
  • colormenu
    Menu contenant un composant CQ.Ext.ColorPalette .
  • colorpalette
    Classe de palette de couleurs simple pour sélectionner les couleurs. La palette peut être rendue dans n’importe quel conteneur.
  • combo
    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
    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
    ComponentExtractor permet à l’utilisateur d’extraire des composants d’un site/d’une page web.
  • componentselector
    Sélection groupée et ordonnée de composants disponibles.
  • componentstyles
  • compositefield
    Classe de base pour les champs de formulaire complexes basés sur un panneau qui incluent un champ de formulaire ou un groupe de champs de formulaire.
  • 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
    ContentFinder est une fenêtre spécialisée de deux colonnes contenant l’outil de recherche à gauche, et le cadre de contenu à droite.
  • 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
    WorkflowModelCombo est un CQ.Ext.form.ComboBox personnalisé qui affiche la liste des modèles de workflow disponibles.
  • cq.workflow.model.selector
    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
    CreateSiteWizard est un assistant détaillé pour créer des sites (MSM).
  • createversiondialog
    CreateVersionDialog est une boîte de dialogue qui permet de créer une version d’une page.
  • 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
    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
    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
    Fournit un champ de saisie de date avec un menu déroulant CQ.Ext.DatePicker et la validation de date automatique.
  • datemenu
    Menu contenant un composant CQ.Ext.DatePicker .
  • 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
    dateTime permet à l’utilisateur de saisir une date et une heure en combinant CQ.Ext.form.DateField et CQ.Ext.form.TimeField .
  • boîte de dialogue
    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
    DialogFieldSet est un FieldSet à utiliser dans les boîtes de dialogue .
  • 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
    Champ de texte en affichage seul qui n’est ni validé ni envoyé.
  • 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
    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
    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
    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
    FeedImporter permet à l’utilisateur d’importer des flux RSS ou Atom et de créer des pages pour chaque entrée de flux.
  • 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
    Conteneur standard utilisé pour regrouper les éléments dans un formulaire .
  • 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
    FileUploadField permet à l’utilisateur de sélectionner un fichier unique à télécharger.
  • 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
    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
    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
    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
    Champ masqué de base pour stocker les valeurs masquées dans des formulaires qui doivent être transmises lors de l’envoi des formulaires.
  • 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
    Fournit un composant HTML Editor 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
    Boîte de dialogue basique affichant le contenu d’un iframe et permettant la présence de formulaires dans les iframes.
  • 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
    InlineField est un champ de texte qui s’affiche en tant que libellé lorsqu’il n’est pas dans le focus.
  • 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
    Champ Étiquette de base.
  • languagecopydialog
    LanguageCopyDialog est une boîte de dialogue permettant de copier les arborescences de langues.
  • linkchecker
    LinkChecker est un outil permettant de vérifier les liens externes dans un site.
  • listview
    CQ.Ext.list.ListView est une mise en œuvre légère et rapide d’une vue de type grille .
  • 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
    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
    Cette classe encapsule les données de configuration des colonnes à utiliser lors de l’initialisation d’une ListView .
  • lvdatecolumn
    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
    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
    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
    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
    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
    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
    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
    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
    Ajoute une chaîne de texte statique à un menu, généralement utilisée comme en-tête ou séparateur de groupes.
  • 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
    MultiField est une liste modifiable de champs de formulaire permettant de modifier les propriétés de plusieurs valeurs.
  • 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
    NotificationInbox permet aux utilisateurs de s’abonner aux actions de WCM et de gérer les notifications.
  • numberfield
    Champ numérique qui fournit le filtrage de frappe automatique et la validation numérique.
  • 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
    OwnerDraw peut contenir du code HTML personnalisé (saisi directement ou récupéré à partir d’une URL).
  • paging
    À 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
    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
    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
    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
    Obsolète : Utilisez plutôt CQ.form.PathField
  • 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
    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
    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. Each row in the grid represents a property of some object, and the data is stored as a set of name/value pairs in CQ.Ext.grid.PropertyRecord s.
  • propgrid
    PropertyGrid est une grille générique utilisée pour afficher et modifier les propriétés des objets.
  • 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
    Champ radio unique. 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
    Conteneur de regroupement pour les contrôles CQ.Ext.form.Radio .
  • referencesdialog
    ReferencesDialog est une boîte de dialogue permettant d’afficher les références sur une page.
  • restoretreedialog
    RestoreTreeDialog est une boîte de dialogue permettant de restaurer une version antérieure d’une arborescence.
  • restoreversiondialog
    RestoreVersionDialog est une boîte de dialogue permettant de restaurer une version antérieure d’une page.
  • 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
    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
    RolloutWizard offre un assistant pour déployer une page. RolloutWizard démarre un CQ.wcm.msm.RolloutPlan .
  • 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
    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
    Sidekick est un panneau latéral flottant fournissant à l’utilisateur les outils courants pour modifier les pages.
  • siteadmin
    SiteAdmin est une console fournissant des fonctions d’administration WCM.
  • siteimporter
    SiteImporter permet à l’utilisateur d’importer des sites web complets et de créer des projets initiaux.
  • sizefield
    SizeField permet à l’utilisateur de saisir la largeur et la hauteur (par exemple, pour une image).
  • 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
    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
    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
    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
    Utilisé pour fournir un espace dimensionnable dans une mise en page.
  • 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
    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.
  • static
    Static peut être utilisé pour afficher du code HTML ou du texte arbitraire.
  • 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
    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
    SuggestField fournit à l’utilisateur des suggestions basées sur sa saisie.
  • 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
    Obsolète : Utilisez plutôt CQ.form.TableEdit2 .
  • tableedit2
    TableEdit2 fournit un widget pour créer des tableaux.
  • tabpanel
    Conteneur d’onglets de base. TabPanels can be used exactly like a standard CQ.Ext.Panel for layout purposes, but also have special support for containing child Components ( items ).
  • tags
    CQ.tagging.TagInputField
    
    
    est un widget de formulaire qui permet de 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
    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
    TextButton fournit un lien de texte avec les fonctionnalités d’un CQ.Ext.Button .
  • 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
    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
    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
    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
    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
    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
    @xtype treegrid
  • 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
    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
    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
    É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
    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
    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
    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 inclut des définitions de widgets provenant d'un chemin d'accès différent dans le 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.