Utiliser les 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. Vous pouvez lire le paragraphe « Composant XTypes » de la Présentation d’ExtJS 2 pour obtenir une explication détaillée sur les xtypes et 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 optimisée pour les écrans tactiles, une version 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 ressources 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 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 unique

  • 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 unique. 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 de saisir une valeur hexadécimale directement ou à l’aide d’un CQ.Ext.ColorMenu.

  • colorlist

    CQ.form.ColorList

    ColorList permet 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 d’extraire des composants d’un site ou d’une page web.

  • componentselector

    CQ.form.ComponentSelector

    Sélection groupée et ordonnée de composants disponibles.

  • componentstyles

    CQ.form.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 de saisir une date et une heure en combinant CQ.Ext.form.DateField et CQ.Ext.form.TimeField.

  • boîte de dialogue

    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 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 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 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 de sélectionner un fichier unique à 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

    CQ.Ext.FlashComponent

  • 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).

  • masqué

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

  • 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 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 les outils courants pour modifier les pages.

  • siteadmin

    CQ.wcm.SiteAdmin

    SiteAdmin est une console fournissant des fonctions d’administration de gestion de contenu web.

  • siteimporter

    CQ.wcm.SiteImporter

    SiteImporter permet d’importer des sites web complets et de créer des projets initiaux.

  • sizefield

    CQ.form.SizeField

    SizeField permet 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, il 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

    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 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 (items).

  • tags

    CQ.tagging.TagInputField

    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

    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

    CQ.form.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.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 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 de charger des fichiers dans le référentiel. Il crée une boîte de dialogue de 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, consultez cet article de la base de connaissances.

Sur cette page