Utiliser les xtypes (IU classique) using-xtypes-classic-ui

Cette page présente 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, voir la section documentation de 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']

NOTE
Cette page décrit l’utilisation des xtypes ExtJS dans l’IU classique.
Adobe vous recommande d’utiliser les IU tactile basé sur IU Coral et IU Granite.

xtypes xtypes

Les xtypes disponibles dans Adobe Experience Manager sont répertoriés ci-dessous :

  • 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. Il est généralement utilisé pour modifier du contenu, mais peut également afficher des informations uniquement.

  • arraystore

    CQ.Ext.data.ArrayStore

    Anciennement connu sous le nom de « 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 une 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 se fait par le biais d’une CQ.wcm.msm.BlueprintStatus.Tree, éditez au moyen d’une CQ.wcm.msm.BlueprintConfig et un CQ.wcm.msm.LiveCopyProperties.

  • box

    CQ.Ext.BoxComponent

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

    BoxComponent fournit des réglages de modèle de boîte automatique pour le dimensionnement et le positionnement et fonctionne correctement dans le modèle de rendu des composants.

  • browsedialog

    CQ.BrowseDialog

    BrowseDialog permet à l’utilisateur de parcourir le référentiel pour sélectionner un chemin. Il est généralement utilisé par l’intermédiaire d’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 de 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 de HTML. Il s’agit de la version autonome du CQ.wcm.BulkEditor. Un formulaire HTML est requis pour le bouton d’import.

  • button

    CQ.Ext.Button

    Classe de bouton unique

  • buttongroup

    CQ.Ext.ButtonGroup

    Conteneur pour un groupe de boutons

  • chart

    CQ.Ext.chart.Chart

    Le package CQ.Ext.chart permet de visualiser des données avec un graphique Flash. Chaque graphique est directement lié à un CQ.Ext.data.Store, ce qui permet la mise à jour automatique du graphique. Pour modifier l’aspect d’un graphique, reportez-vous aux options de configuration chartStyle et extraStyle.

  • checkbox

    CQ.Ext.form.Checkbox

    Champ de case à cocher unique. Peut être utilisé comme remplacement direct des champs de case à cocher traditionnels.

  • checkboxgroup

    CQ.Ext.form.CheckboxGroup

    Conteneur de regroupement pour les commandes 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

    Commande de zone de liste modifiable prenant en charge la saisie automatique, le chargement à distance, la pagination et de nombreuses autres fonctionnalités.

    Une ComboBox fonctionne de la même manière qu’un champ <select> HTML traditionnel. La différence est que pour envoyer le valueField, vous devez spécifier un hiddenName pour créer une entrée masquée.

  • composant

    CQ.Ext.Component

    Classe de base pour tous les composants Ext. Toutes les sous-classes de Component peuvent participer au cycle de vie automatisé du composant Ext de la création, du rendu et de la destruction fourni par le Conteneur classe . Les composants peuvent être ajoutés à un conteneur par l’intermédiaire de l’option de configuration éléments au moment 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 n’importe quel CQ.Ext.BoxComponent qui peut contenir d’autres composants. Les conteneurs gèrent le comportement de base des éléments contenant, à savoir l’ajout, l’insertion et la suppression d’éléments.

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

  • contentfinder

    CQ.wcm.ContentFinder

    ContentFinder est une colonne spécialisée de deux colonnes. Fenêtre d’affichage qui contient l’outil de recherche de contenu réel à gauche et le cadre de contenu à droite.

  • contentfindertab

    CQ.wcm.ContentFinderTab

    ContentFinderTab est un panneau spécialisé qui fournit les fonctions utilisées dans les panneaux à onglets du CQ.wcm.ContentFinder. En règle générale, il comprend un formulaire de recherche (la boîte de requête) et une vue des 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 panneau spécial à utiliser dans CQ.Dialog: son contenu est récupéré à partir d’ et envoyé 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 la navigation et la sélection de 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 une fenêtre spéciale avec un formulaire dans le corps et un groupe de boutons dans le pied de page. Il est généralement utilisé pour modifier du contenu, mais peut également afficher des informations uniquement.

  • dialogfieldset

    CQ.form.DialogFieldSet

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

  • directstore

    CQ.Ext.data.DirectStore

    Petite classe d’assistance pour créer un CQ.Ext.data.Store configuré avec un CQ.Ext.data.DirectProxy et CQ.Ext.data.JsonReader pour interagir plus facilement avec un fournisseur côté serveur 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 comporte tous les membres de CQ.wcm.EditBase.

  • éditeur

    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 des modifications de cellule sur les colonnes sélectionnées. Les colonnes modifiables sont spécifiées en fournissant un éditeur dans la configuration des colonnes.

  • editrollover

    CQ.wcm.EditRollover

    EditRollover permet à l’utilisateur ou utilisatrice de modifier le contenu en double-cliquant et propose d’autres actions de modification via un menu contextuel. La zone modifiable est indiquée par un cadre lorsque la souris survole le 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 des é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. Peut être utilisé dans les boîtes de dialogue de modification pour lesquelles le 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 les données dans un format tabulaire de lignes et de 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 méthode est utilisée avec une CQ.Ext.grid.GroupingView pour prouver le modèle de données pour un GridPanel groupé.

  • paradymovedialog

    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 permettant de stocker les valeurs masquées dans les formulaires qui doivent être transmis lors de l’envoi du formulaire.

  • historybutton

    CQ.HistoryButton

    HistoryButton est une petite classe d’aide qui fournit facilement des boutons Précédent et Suivant. En règle générale, deux instances associées sont requises : l’instance de bouton vers l’avant est un bouton simple associé à l’instance de bouton vers l’arrière qui gère l’historique.

  • htmleditor

    CQ.Ext.form.HtmlEditor

    Fournit un composant d’éditeur HTML léger. Certaines fonctionnalités de la barre d’outils ne sont pas prises en charge par Safari et sont automatiquement masquées si nécessaire. Elles sont indiqué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, un événement de chargement d’iframe et un accès facile 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 une 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 implémentation rapide et légère d’une En forme de grille vue.

  • livecopyproperties

    CQ.wcm.msm.LiveCopyProperties

    LiveCopyProperties fournit un panneau permettant d’afficher et de modifier les propriétés Live Copy ( héritage des relations, déclencheur de synchronisation et actions de synchronisation ).

  • lvbooleancolumn

    CQ.Ext.list.BooleanColumn

    Une classe de définition de colonne qui renvoie des champs de données booléens. Voir l’option de configuration xtype de CQ.Ext.list.Column pour plus d’informations.

  • lvcolumn

    CQ.Ext.list.Column

    Cette classe encapsule les données de configuration de colonne à utiliser dans l’initialisation d’une ListView.

  • lvdatecolumn

    CQ.Ext.list.DateColumn

    Une classe de définition de colonne qui renvoie 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 d’informations.

  • lvnumbercolumn

    CQ.Ext.list.NumberColumn

    Une classe de définition de colonne qui renvoie 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 d’informations.

  • 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

    Un objet de menu. Il s’agit du conteneur auquel vous pouvez ajouter des éléments de menu. Un menu peut également servir de classe de base lorsque vous souhaitez un menu spécialisé basé sur un autre composant (comme CQ.Ext.menu.DateMenu par exemple).

    Les menus peuvent contenir : éléments de menu, ou général des composants.

  • 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 des états activée 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 les sous-menus) et qui ne sont pas des éléments d’affichage statiques. L’élément étend les fonctionnalités de base de CQ.Ext.menu.BaseItem en ajoutant l’activation spécifique au menu et la gestion des clics.

  • 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 ajoutez l’un d’eux en utilisant "-" dans votre appel à add() ou dans votre configuration d’éléments plutôt que d’en créer un directement.

  • menutextitem

    CQ.Ext.menu.TextItem

    Ajoute une chaîne de texte statique à un menu, utilisée comme en-tête ou comme séparateur de groupe.

  • metadata

    CQ.dam.form.Metadata

    Les métadonnées fournissent un ensemble de champs permettant de déterminer les informations requises pour un champ de métadonnées utilisé, par exemple, sur les pages de l’É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 Multivariate Testing peut être utilisé pour définir et modifier un ensemble d’images présenté comme bannières alternées. 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 que le nombre d’enregistrements augmente, le temps requis par le navigateur pour leur rendu augmente. La pagination est utilisée pour réduire la quantité de données échangées avec le client.

  • panel

    CQ.Ext.Panel

    Le panneau est un conteneur doté de fonctionnalités spécifiques et de composants structurels qui en font le bloc de création idéal pour les interfaces utilisateur orientées application.

    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 un de leurs paragraphes. Il se compose d’un champ de déclenchement et d’une boîte de dialogue de navigation de paragraphe associée.

  • mot de passe

    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

    Le PathField est un champ d’entrée conçu pour les chemins avec saisie semi-automatique et un bouton permettant d’ouvrir un CQ.BrowseDialog pour parcourir le référentiel du serveur. Il peut également parcourir des paragraphes de page pour générer des liens avancés.

  • progression

    CQ.Ext.ProgressBar

    Un 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 responsable de l’affichage, de la mise à jour (via updateProgress) et de l’effacement de la barre de progression selon les besoins à partir de votre propre code. Cette méthode est la plus approprié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. Consultez l’en-tête de classe QuickTips pour en savoir plus sur l’utilisation et consulter des exemples supplémentaires.

  • radio

    CQ.Ext.form.Radio

    Champ de bouton radio simple. Identique à la case à cocher, mais fournie à titre de commodité pour définir automatiquement le type d’entrée. Le regroupement des boutons radio est géré automatiquement par le navigateur si vous attribuez le même nom à chaque bouton radio 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 la modification des informations de texte mis en forme (texte enrichi).

    Le composant RichText fournit actuellement les fonctionnalités 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 fournit les résultats dans une liste déroulante qui peut être utilisée pour rechercher 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. La sélection peut être générée sous la forme d’une liste déroulante (sélectionner) ou d’une zone de liste (sélection plus une entrée 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 à 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. Peut être ajouté en tant qu’élément à n’importe quel conteneur. Exemple d’utilisation : …

  • slideshow

    CQ.form.Slideshow

    Le diaporama fournit un composant qui peut être utilisé pour définir et modifier un ensemble d’images et de titres d’images qui peuvent être visualisés sous la forme d’un diaporama.

    Le composant Diaporama est basé sur la fonction CQ.form.SmartImage composant.

  • smartfile

    CQ.form.SmartFile

    SmartFile est un téléchargeur de fichiers intelligent.

    Si un plug-in Flash (version 9 ou ultérieure) est installé, les chargements sont exécutés à l’aide de la bibliothèque SWFupload qui permet de gérer facilement les chargements.

  • smartimage

    CQ.form.SmartImage

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

    Le composant est conçu pour être utilisé dans 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

    Le compteur est un champ de déclenchement pour les valeurs numériques, de date ou d’heure. Il est possible d’augmenter et de réduire la valeur à 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, cette option est utilisée pour afficher un menu déroulant qui fournit des options supplémentaires à l’action de bouton principal, mais tout gestionnaire personnalisé peut fournir l’implémentation par clic de flèche.

  • 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 pour laquelle les statistiques doivent être affichées.

  • store

    CQ.Ext.data.Store

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

  • suggestfield

    CQ.form.SuggestField

    SuggestField fournit à l’utilisateur des suggestions basées sur son entrée.

  • 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 la création de 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

    code language-none
    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. Peut être utilisé comme 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. Peut être utilisé comme remplacement direct pour les entrées de texte classiques ou comme classe de base pour des contrôles d’entrée plus sophistiqués (comme 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 obtenir 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 également porter 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 de la barre d’outils peuvent être créés explicitement via 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 représente les données d’interface utilisateur sous la forme d’une arborescence.

    Les TreeNode ajoutés au TreePanel, peuvent contenir des métadonnées utilisées par votre application dans les propriétés de leurs attributs.

  • 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 ne comporte aucune action par défaut. Vous devez donc attribuer une fonction pour implémenter le gestionnaire de clics de déclencheur en remplaçant onTriggerClick. Vous pouvez créer un TriggerField directement, car il s’affiche exactement comme une zone de liste.

  • 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 (le viewport du navigateur).

    Le viewport s’affiche dans le corps du document et se dimensionne automatiquement à la taille du viewport du navigateur et gère le redimensionnement de la fenêtre. Un seul viewport peut être créé.

  • window

    CQ.Ext.Window

    Panneau spécialisé destiné à être utilisé comme fenêtre d’application. Les fenêtres sont flottantes, redimensionnables et glissables par défaut. Les fenêtres peuvent être agrandies pour remplir le viewport, 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 généralement utilisé dans les boîtes de dialogue de pages. 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.

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