Verwenden von xtypes (klassische Benutzeroberfläche) using-xtypes-classic-ui

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Auf dieser Seite werden alle xtypes beschrieben, die in Adobe Experience Manager (AEM) verfügbar sind.

In der ExtJS-Sprache ist ein xtype ein symbolischer Name, der einer Klasse zugewiesen wird. Eine ausführliche Erläuterung der Funktionsweise und Einsatzmöglichkeiten von xtypes finden Sie im Abschnitt zu „Komponenten-xtypes“ unter Übersicht zu ExtJS 2.

Informationen zu allen in AEM verfügbaren Widgets finden Sie in der Dokumentation zur Widgets-API.

Sie können die folgende Xpath-Abfrage in CRXDE verwenden, um herausfinden, in welchen Komponenten ein bestimmter xtype in AEM verwendet wird. Ersetzen Sie dazu „checkbox“ durch den gewünschten xtype:

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

NOTE
Diese Seite beschreibt die Verwendung von ExtJS-xtypes in der klassischen Benutzeroberfläche.
Adobe empfiehlt die Verwendung der standardmäßigen, modernen Touch-optimierten Benutzeroberfläche, die auf den Coral- und Granite-Benutzeroberflächen basiert.

xtypes xtypes

Nachfolgend finden Sie eine Liste der verfügbaren xtypes in Adobe Experience Manager:

  • Anmerkung

    CQ.wcm.Annotation

    Ein spezielles Fenster mit einem Formular im Hauptteil und einer Schaltflächengruppe in der Fußzeile. Sie wird normalerweise zur Bearbeitung von Inhalten verwendet, kann aber auch nur Informationen anzeigen.

  • arraystore

    CQ.Ext.data.ArrayStore

    Zuvor als "SimpleStore"bezeichnet.

    Kleine Helferklasse zum Erstellen CQ.Ext.data.Stores aus Array-Daten einfacher. Ein ArrayStore wird automatisch mit einer CQ.Ext.data.ArrayReader.

  • asseteditor

    CQ.dam.AssetEditor

    Der in DAM Admin verwendete Asset-Editor.

  • assetreferencesearchdialog

    CQ.wcm.AssetReferenceSearchDialog

    AssetReferenceSearchDialog ist ein Dialogfeld, das angezeigt wird, wenn eine Seite auf Assets oder Tags verweist.

  • blueprintconfig

    CQ.wcm.msm.BlueprintConfig

    BlueprintConfig stellt ein Feld bereit, in dem Sie die Live Copies eines Blueprint anzeigen und die Blueprint-Eigenschaften („Synchronisierungsauslöser“ und „Aktionen synchronisieren“) bearbeiten können.

  • blueprintstatus

    CQ.wcm.msm.BlueprintStatus

    BlueprintStatus stellt ein Feld bereit, in dem Sie einen Blueprint und dessen Live Copies-Beziehungen anzeigen und bearbeiten können. Das Durchsuchen erfolgt über eine CQ.wcm.msm.BlueprintStatus.Tree, Bearbeitung durch CQ.wcm.msm.BlueprintConfig und CQ.wcm.msm.LiveCopyProperties.

  • box

    CQ.Ext.BoxComponent

    Basisklasse für jede Komponente die als Box mit Breite und Höhe zu formatieren ist.

    BoxComponent bietet automatische Box-Modellanpassungen für Größenanpassung und Positionierung und funktioniert im Komponenten-Rendering-Modell ordnungsgemäß.

  • browsedialog

    CQ.BrowseDialog

    Mit BrowseDialog können Benutzer das Repository durchsuchen und einen Pfad auswählen. Sie wird normalerweise über eine BrowseField.

  • browsefield

    CQ.form.BrowseField

    Veraltet: Verwenden Sie stattdessen CQ.form.PathField.

  • bulkeditor

    CQ.wcm.BulkEditor

    BulkEditor stellt eine Suchmaschine und ein Raster zum Bearbeiten von Suchergebnissen bereit.

    Der BulkEditor muss in ein HTML-Formular eingefügt werden (für die Importfunktion erforderlich). Dies funktioniert perfekt mit einem CQ.Dialog.

  • bulkeditorform

    CQ.wcm.BulkEditorForm

    BulkEditorForm stellt CQ.wcm.BulkEditor umgeben von einem HTML-Formular bereit. Dies ist die eigenständige Version der CQ.wcm.BulkEditor, ist ein HTML-Formular für die Importschaltfläche erforderlich.

  • Schaltfläche

    CQ.Ext.Button

    Eine einfache Schaltflächenklasse.

  • buttongroup

    CQ.Ext.ButtonGroup

    Ein Container für eine Schaltflächengruppe.

  • chart

    CQ.Ext.chart.Chart

    Das CQ.Ext.chart-Paket stellt die Funktion zum Visualisieren von Daten anhand von Flash-basierten Diagrammen bereit. Jedes Diagramm wird direkt an einen CQ.Ext.data.Store gebunden, was automatische Aktualisierungen des Diagramms ermöglicht. Informationen zum Ändern des Erscheinungsbilds einer Grafik finden Sie unter chartStyle und extraStyle Konfigurationsoptionen.

  • checkbox

    CQ.Ext.form.Checkbox

    Ein einzelnes Kontrollkästchen. Kann als direkte Ersetzung für herkömmliche Kontrollkästchen verwendet werden.

  • checkboxgroup

    CQ.Ext.form.CheckboxGroup

    Ein Gruppierungsbehälter für CQ.Ext.form.Checkbox Steuerelemente.

  • clearcombo

    CQ.form.ClearableComboBox

    ClearableComboBox ist ein nicht bearbeitbares Kombinationsfeld mit einem Auslöser zum Löschen des darin enthaltenen Werts.

  • colorfield

    CQ.form.ColorField

    Mit ColorField können Benutzer einen Hex-Farbwert direkt oder über das CQ.Ext.ColorMenu eingeben.

  • colorlist

    CQ.form.ColorList

    Mit ColorList kann der Benutzer eine Farbe aus einer bearbeitbaren Liste auswählen.

  • colormenu

    CQ.Ext.menu.ColorMenu

    Ein Menü mit CQ.Ext.ColorPalette Komponente.

  • colorpalette

    CQ.Ext.ColorPalette

    Eine einfache Farbpalettenklasse zum Auswählen von Farben. Die Palette kann in einem beliebigen Container gerendert werden.

  • combo

    CQ.Ext.form.ComboBox

    Ein Combobox-Steuerelement mit Unterstützung für automatisches Ausfüllen, Remote-Laden, Paging und viele andere Funktionen.

    Eine ComboBox funktioniert ähnlich wie eine herkömmliche HTML <select> -Feld. Der Unterschied besteht darin, dass die valueField, müssen Sie eine hiddenName , um eine ausgeblendete Eingabe zu erstellen.

  • Komponente

    CQ.Ext.Component

    Basisklasse für alle Ext-Komponenten. Alle Unterklassen der Komponente können am automatisierten Lebenszyklus der Ext-Komponente der Erstellung, des Renderns und der Zerstörung teilnehmen, der von der Container -Klasse. Komponenten können einem Container über das items Konfigurationsoption zum Zeitpunkt der Erstellung des Containers.

  • componentextractor

    CQ.wcm.ComponentExtractor

    Mit ComponentExtractor können Benutzer Komponenten aus einer Website bzw. Seite extrahieren.

  • componentselector

    CQ.form.ComponentSelector

    Eine gruppierte, sortierte Auswahl der verfügbaren Komponenten.

  • componentstyles

    CQ.form.ComponentStyles

  • compositefield

    CQ.form.CompositeField

    Eine allgemeine Klasse für feldbasierte, komplexe Formularfelder, einschließlich einzelner Formularfelder oder Formularfeldgruppen.

  • container

    CQ.Ext.Container

    Basisklasse für jede CQ.Ext.BoxComponent , die andere Komponenten enthalten können. Container behandeln das grundlegende Verhalten von enthaltenen Elementen, d. h. das Hinzufügen, Einfügen und Entfernen von Elementen.

    Die am häufigsten verwendeten Container-Klassen sind CQ.Ext.Panel, CQ.Ext.Window und CQ.Ext.TabPanel.

  • contentfinder

    CQ.wcm.ContentFinder

    ContentFinder ist eine spezielle zweispaltige Spalte Viewport enthält den tatsächlichen Content Finder auf der linken und den Inhalts-Frame auf der rechten Seite.

  • contentfindertab

    CQ.wcm.ContentFinderTab

    ContentFinderTab ist ein spezialisiertes Bedienfeld mit Funktionen, die in den Registerkartenfeldern der CQ.wcm.ContentFinder. In der Regel enthält es ein Suchformular - das Abfrage-Feld - und eine Datenansicht zur Anzeige der Suche.

  • cq.workflow.model.combo

    CQ.wcm.WorkflowModelCombo

    WorkflowModelCombo ist ein benutzerdefiniertes CQ.Ext.form.ComboBox, in dem eine Liste der verfügbaren Workflow-Modelle angezeigt wird.

  • cq.workflow.model.selector

    CQ.wcm.WorkflowModelSelector

    WorkflowModelSelector ist eine Kombination aus WorkflowModelCombo und Workflow-Miniaturbild und enthält auch Schaltflächen zum Erstellen und Bearbeiten von Workflow-Modellen.

  • createsitewizard

    CQ.wcm.CreateSiteWizard

    CreateSiteWizard ist ein schrittweiser Assistent zum Erstellen von (MSM-)Sites.

  • createversiondialog

    CQ.wcm.CreateVersionDialog

    CreateVersionDialog ist ein Dialogfeld, in dem eine neue Version einer Seite erstellt werden kann.

  • customcontentpanel

    CQ.CustomContentPanel

    CustomContentPanel ist ein spezielles Feld für die Verwendung in CQ.Dialog: Die darin enthaltenen Inhalte werden von einer anderen URL abgerufen bzw. zu einer anderen URL gesendet als die anderen Felder im Dialogfeld.

  • cycle

    CQ.Ext.CycleButton

    Ein spezieller SplitButton, der ein Menü mit CQ.Ext.menu.CheckItem-Elementen enthält. Beim Klicken durchblättert die Schaltfläche automatisch alle Menüelemente und löst für das aktive Menüelement das change-Ereignis aus (bzw. ruft die Funktion changeHandler der Schaltfläche ab, falls vorhanden).

  • dataview

    CQ.Ext.DataView

    Ein Mechanismus für die Datenanzeige mithilfe von benutzerdefinierten Layout-Vorlagen und Formatierungen. DataView verwendet ein CQ.Ext.XTemplate als internen Vorlagenmechanismus und ist mit einem CQ.Ext.data.Store verbunden, sodass beim Ändern von Daten im Speicher die Ansicht automatisch mit diesen Änderungen aktualisiert wird.

  • datefield

    CQ.Ext.form.DateField

    Stellt ein Datumseingabefeld mit einem CQ.Ext.DatePicker-Dropdown-Menü und automatischer Datumsvalidierung bereit.

  • datemenu

    CQ.Ext.menu.DateMenu

    Ein Menü mit CQ.Ext.DatePicker Komponente.

  • datepicker

    CQ.Ext.DatePicker

    Eine Popup-Datumsauswahl. Diese Klasse wird von der DateField -Klasse, um das Durchsuchen und Auswählen gültiger Datumswerte zu ermöglichen.

  • datetime

    CQ.form.DateTime

    Mit DateTime können Benutzer ein Datum und eine Uhrzeit eingeben, indem sie CQ.Ext.form.DateField und CQ.Ext.form.TimeField miteinander kombinieren.

  • Dialogfeld

    CQ.Dialog

    Ein spezielles Fenster mit einem Formular im Hauptteil und einer Schaltflächengruppe in der Fußzeile. Sie wird normalerweise zur Bearbeitung von Inhalten verwendet, kann aber auch nur Informationen anzeigen.

  • dialogfieldset

    CQ.form.DialogFieldSet

    DialogFieldSet ist ein FieldSet zur Verwendung in Dialogfeldern.

  • directstore

    CQ.Ext.data.DirectStore

    Eine kleine Helper-Klasse zum Erstellen von CQ.Ext.data.Store, konfiguriert mit einem CQ.Ext.data.DirectProxy und CQ.Ext.data.JsonReader, um die Interaktion mit einem Server-seitigen CQ.Ext.Direct-Provider zu erleichtern.

  • displayField

    CQ.Ext.form.DisplayField

    Ein nur für die Anzeige bestimmtes Textfeld, das nicht validiert und gesendet wird.

  • editbar

    CQ.wcm.EditBar

    Mit EditBar können Benutzer mithilfe von Schaltflächen in einer Leiste Inhalte bearbeiten.

    Obwohl hier nicht aufgeführt, enthält EditBar alle Mitglieder von CQ.wcm.EditBase.

  • Bearbeiter

    CQ.Ext.Editor

    Ein allgemeines Editor-Feld für die Anzeige bzw. das Ausblenden nach Bedarf, mit integrierter Logik für Größenänderung und Ereignisbehandlung.

  • editorgrid

    CQ.Ext.grid.EditorGridPanel

    Diese Klasse erweitert die GridPanel-Klasse , um die Zellenbearbeitung für die ausgewählte Spalten. Die bearbeitbaren Spalten werden durch eine editor im Spaltenkonfiguration.

  • editrollover

    CQ.wcm.EditRollover

    Mit EditRollover können Benutzer Inhalte durch Doppelklick bearbeiten und über ein Kontextmenü weitere Bearbeitungsaktionen bereitstellen. Der bearbeitbare Bereich wird durch einen Rahmen gekennzeichnet, wenn die Maus über den Inhalt bewegt wird.

  • feedimporter

    CQ.wcm.FeedImporter

    Mit FeedImporter können Benutzer RSS- oder Atom-Feeds importieren und Seiten für jeden Feed-Eintrag erstellen.

  • field

    CQ.Ext.form.Field

    Eine allgemeine Klasse für Formularfelder, die Standardfunktionen für die Ereignisbehandlung, Größenänderung, Werteverarbeitung und anderes bereitstellt.

  • fieldset

    CQ.Ext.form.FieldSet

    Ein Standardcontainer zum Gruppieren von Elementen in einem Formular. …

  • fileuploaddialogbutton

    CQ.form.FileUploadDialogButton

    FileUploadDialogButton erstellt eine Schaltfläche, die ein neues Dialogfeld zum Hochladen einer Datei über das FileUploadField öffnet. Kann in Bearbeitungsdialogfeldern verwendet werden, in denen der Upload in einem separaten Formular erfolgen muss.

  • fileuploadfield

    CQ.form.FileUploadField

    Mit FileUploadField können Benutzer eine einzelne Datei zum Hochladen auswählen.

  • findreplacedialog

    CQ.wcm.FindReplaceDialog

    FindReplaceDialog ist ein Dialogfeld zum Suchen nach und Ersetzen von Tokens in einer Seite und deren untergeordneten Seiten.

  • flash

    CQ.Ext.FlashComponent

  • grid

    CQ.Ext.grid.GridPanel

    Diese Klasse stellt die primäre Oberfläche eines Raster-Steuerelements auf Komponentenbasis bereit, in der Daten im Tabellenformat in Zeilen und Spalten dargestellt werden.

  • groupingstore

    CQ.Ext.data.GroupingStore

    Eine spezielle Speicherimplementierung zum Gruppieren von Datensätzen nach einem der verfügbaren Felder. Dies wird normalerweise zusammen mit einer CQ.Ext.grid.GroupingView , um das Datenmodell für ein gruppiertes GridPanel zu überprüfen.

  • heavymovedialog

    CQ.wcm.HeavyMoveDialog

    HeavyMoveDialog ist ein Dialogfenster zum Verschieben einer Seite und der untergeordneten Seiten, einschließlich erneuter Aktivierung zuvor aktivierter Seiten („große“ Verschiebung).

  • hidden

    CQ.Ext.form.Hidden

    Ein allgemeines Feld zum Speichern ausgeblendeter Werte in Formularen, die beim Senden des Formulars weitergeleitet werden müssen.

  • historybutton

    CQ.HistoryButton

    HistoryButton ist eine kleine Helper-Klasse für die einfache Bereitstellung der Schaltflächen „Vorwärts“ und „Zurück“. In der Regel sind zwei verwandte Instanzen erforderlich: Die Vorwärts-Schaltflächeninstanz ist eine einfache Schaltfläche, die mit der Zurück-Schaltflächeninstanz verknüpft ist, die den Verlauf verarbeitet.

  • htleditor

    CQ.Ext.form.HtmlEditor

    Stellt eine einfache HTML-Editor-Komponente bereit. Einige Symbolleistenfunktionen werden von Safari nicht unterstützt und werden bei Bedarf automatisch ausgeblendet. Diese werden gegebenenfalls in den Konfigurationsoptionen angegeben.

    Für die Schaltflächen in der Editor-Symbolleiste sind in der buttonTips-Eigenschaft QuickInfos definiert.

  • iframedialog

    CQ.IframeDialog

    Ein einfaches Dialogfeld, das die Inhalte eines iFrame anzeigt und Formulare in iFrames zulässt.

  • iframepanel

    CQ.IframePanel

    Ein Feld mit einem iFrame. Bietet einfache Erstellung von iFrames, ein iFrame-Ladeereignis und einfachen Zugriff auf den iframe-Inhalt.

  • inlinetextfield

    CQ.form.InlineTextField

    InlineField ist ein Textfeld, das als Beschriftung angezeigt wird, wenn es sich nicht im Fokus befindet.

  • jsonstore

    CQ.Ext.data.JsonStore

    Kleine Helferklasse zum Erstellen CQ.Ext.data.Storeaus JSON-Daten leichter. Ein JsonStore wird automatisch mit einer CQ.Ext.data.JsonReader.

  • label

    CQ.Ext.form.Label

    Ein einfaches Beschriftungsfeld.

  • languagecopydialog

    CQ.wcm.LanguageCopyDialog

    LanguageCopyDialog ist ein Dialogfeld zum Kopieren von Sprachstrukturen.

  • linkchecker

    CQ.wcm.LinkChecker

    LinkChecker ist ein Tool zum Überprüfen externer Links in einer Site.

  • listview

    CQ.Ext.list.ListView

    CQ.Ext.list.ListView ist eine schnelle und einfache Implementierung einer Raster "Gefällt mir"-Ansicht.

  • livecopyproperties

    CQ.wcm.msm.LiveCopyProperties

    LiveCopyProperties stellt ein Feld zum Anzeigen und Bearbeiten von Live Copy-Eigenschaften („Beziehungsvererbung“, „Synchronisierungsauslöser“ und „Aktionen synchronisieren“) bereit.

  • lvbooleancolumn

    CQ.Ext.list.BooleanColumn

    Eine Spaltendefinitionsklasse, die boolesche Datenfelder rendert. Siehe xtype Konfigurationsoption von CQ.Ext.list.Column für weitere Details.

  • lvcolumn

    CQ.Ext.list.Column

    Diese Klasse kapselt Spaltenkonfigurationsdaten, die bei der Initialisierung einer ListView.

  • lvdatecolb

    CQ.Ext.list.DateColumn

    Eine Spaltendefinitionsklasse, die ein übergebenes Datum gemäß dem Standardgebietsschema rendert, oder eine konfigurierte format. Siehe xtype Konfigurationsoption von CQ.Ext.list.Column für weitere Details.

  • lvnumbercolumn

    CQ.Ext.list.NumberColumn

    Eine Spaltendefinitionsklasse, die ein numerisches Datenfeld anhand einer format Zeichenfolge. Siehe xtype Konfigurationsoption von CQ.Ext.list.Column für weitere Details.

  • mediabrowsedialog

    CQ.MediaBrowseDialog

    Veraltet: Verwenden Sie stattdessen Content Finder, um Medien zu durchsuchen.

    MediaBrowseDialog ist ein Dialogfeld zum Durchsuchen der Medienbibliothek.

  • menu

    CQ.Ext.menu.Menu

    Ein Menüobjekt. Dies ist der Container, dem Sie Menüelemente hinzufügen können. Das Menü kann auch als Basisklasse dienen, wenn Sie ein spezielles Menü basierend auf einer anderen Komponente (wie CQ.Ext.menu.DateMenu zum Beispiel).

    Menüs können entweder Menüelementeoder allgemein Komponentes.

  • menubaseitem

    CQ.Ext.menu.BaseItem

    Die allgemeine Klasse für alle in Menüs gerenderten Elemente. BaseItem bietet standardmäßige Rendering-, aktivierte Statusverwaltung- und Basiskonfigurationsoptionen, die von allen Menükomponenten gemeinsam genutzt werden.

  • menucheckitem

    CQ.Ext.menu.CheckItem

    Fügt ein Menüelement hinzu, das standardmäßig ein Kontrollkästchen enthält, aber auch Teil einer Optionsfeldgruppe sein kann.

  • menuitem

    CQ.Ext.menu.Item

    Eine allgemeine Klasse für alle Menüelemente, für die menübezogene Funktionen (wie Untermenüs) erforderlich sind und die keine statischen Anzeigeelemente sind. Element erweitert die Basisfunktionalität von CQ.Ext.menu.BaseItem durch Hinzufügen einer menüspezifischen Aktivierung und Klickverarbeitung.

  • menuseparator

    CQ.Ext.menu.Separator

    Fügt eine Leiste mit Trennzeichen zu einem Menü hinzu, die zum Trennen logischer Gruppen von Menüelementen verwendet werden. Im Allgemeinen fügen Sie einen dieser Elemente hinzu, indem Sie "-"in Ihrem Aufruf zu add() oder in Ihrer Elementkonfiguration verwenden, anstatt einen direkt zu erstellen.

  • menutextitem

    CQ.Ext.menu.TextItem

    Fügt eine statische Textzeichenfolge zu einem Menü hinzu; wird in der Regel entweder als Überschrift oder als Gruppentrennzeichen verwendet.

  • Metadaten

    CQ.dam.form.Metadata

    Metadaten bieten eine Reihe von Feldern, um die für ein Metadatenfeld erforderlichen Informationen zu bestimmen, die z. B. auf Asset-Editor-Seiten verwendet werden.

    Sie enthält die folgenden Felder:

  • multifield

    CQ.form.MultiField

    MultiField ist eine bearbeitbare Liste von Formularfeldern zum Bearbeiten von Eigenschaften mit mehreren Werten.

  • mvt

    CQ.form.MVT

    Die Multivarianz-Test-Komponente kann verwendet werden, um einen Satz von Bildern zu definieren und zu bearbeiten, die als abwechselnde Banner dargestellt werden. Clickthrough-Ratenstatistiken werden pro Banner erfasst.

  • notificationinbox

    CQ.wcm.NotificationInbox

    Mit NotificationInbox können Benutzer WCM-Aktionen abonnieren und Benachrichtigungen verwalten.

  • numberfield

    CQ.Ext.form.NumberField

    Ein numerisches Textfeld, das automatisch Tastenanschläge filtert und numerische Werte validiert.

  • offlineimporter

    CQ.wcm.OfflineImporter

    OfflineImporter ist ein Tool zum Importieren und Konvertieren von Microsoft Word-Dokumenten in AEM-Seiten. Mit dieser Funktion können Inhalte mithilfe eines Textverarbeitungsgeräts offline bearbeitet werden.

  • ownerdraw

    CQ.form.OwnerDraw

    OwnerDraw kann benutzerdefinierten HTML-Code enthalten (der entweder direkt eingegeben oder von einer URL abgerufen wurde).

  • paging

    CQ.Ext.PagingToolbar

    Mit zunehmender Anzahl von Datensätzen nimmt die für die Wiedergabe durch den Browser erforderliche Zeit zu. Paging wird verwendet, um die Menge der mit dem Client ausgetauschten Daten zu reduzieren.

  • panel

    CQ.Ext.Panel

    Bedienfeld ist ein Container mit spezifischen Funktionen und Strukturkomponenten, der es zum perfekten Baustein für anwendungsorientierte Benutzeroberflächen macht.

    Bedienfelder sind aufgrund ihrer Vererbung von CQ.Ext.Container.

  • paragraphReference

    CQ.form.ParagraphReference

    Das ParagraphReference-Feld ermöglicht das Durchsuchen von Seiten und die Auswahl eines der darin enthaltenen Absätze. Sie besteht aus einem Feld für Trigger und einem zugehörigen Dialogfeld für die Absatzsuche.

  • Kennwort

    CQ.form.Password

    „Password“ ist einem CQ.Ext.form.TextField ähnlich, die darin enthaltenen Werte bleiben jedoch privat, sodass Benutzer vertrauliche Daten eingeben können.

  • pathcompletion

    CQ.form.PathCompletion

    Veraltet: Verwenden Sie stattdessen CQ.form.PathField.

  • pathfield

    CQ.form.PathField

    PathField ist ein Eingabefeld, das für Pfade mit Pfadfertigstellung und einer Schaltfläche zum Öffnen einer CQ.BrowseDialog zum Durchsuchen des Server-Repositorys. Es kann auch in Seitenabsätzen nach erweiterten Verknüpfungen suchen.

  • Fortschritt

    CQ.Ext.ProgressBar

    Eine aktualisierbare Fortschrittsleistenkomponente. Die Fortschrittsleiste unterstützt zwei verschiedene Modi: manuell und automatisch.

    Im manuellen Modus sind Sie für die Anzeige, Aktualisierung (über updateProgress) und das Löschen der Fortschrittsleiste nach Bedarf aus Ihrem eigenen Code heraus. Diese Methode eignet sich am besten, wenn Sie den Fortschritt anzeigen möchten.

  • propertygrid

    CQ.Ext.grid.PropertyGrid

    Eine spezielle Rasterimplementierung, die das herkömmliche Eigenschaftenraster nachahmen soll, das normalerweise in Entwicklungs-IDEs verwendet wird. Jede Zeile im Raster steht für eine Eigenschaft eines Objekts; die Daten werden in Namen-Wert-Paaren in CQ.Ext.grid.PropertyRecord gespeichert.

  • propgrid

    CQ.PropertyGrid

    PropertyGrid ist ein generisches Raster, das zum Anzeigen und Bearbeiten von Objekteigenschaften verwendet wird.

  • quicktip

    CQ.Ext.QuickTip

    @xtype quicktip. Eine spezielle QuickInfo-Klasse für QuickInfos, die im Markup angegeben und automatisch von der globalen CQ.Ext.QuickTips-Instanz verwaltet werden können. Weitere Anwendungsdetails und Beispiele finden Sie in der Kopfzeile der QuickTips-Klasse .

  • radio

    CQ.Ext.form.Radio

    Ein einzelnes Optionsfeld Wie Kontrollkästchen, aber als Komfort für die automatische Einstellung des Eingabetyps bereitgestellt. Die Gruppierung von Radios wird automatisch vom Browser durchgeführt, wenn Sie jedem Radio in einer Gruppe denselben Namen geben.

  • radiogroup

    CQ.Ext.form.RadioGroup

    Ein Gruppierungscontainer für CQ.Ext.form.Radio-Steuerelemente.

  • referencesdialog

    CQ.wcm.ReferencesDialog

    ReferencesDialog ist ein Dialogfeld zum Anzeigen von Verweisen auf einer Seite.

  • restoretreedialog

    CQ.wcm.RestoreTreeDialog

    RestoreTreeDialog ist ein Dialogfeld zum Wiederherstellen einer vorherigen Version einer Struktur.

  • restoreversiondialog

    CQ.wcm.RestoreVersionDialog

    RestoreVersionDialog ist ein Dialogfeld zum Wiederherstellen einer vorherigen Version einer Seite.

  • richtext

    CQ.form.RichText

    RichText bietet ein Formularfeld zum Bearbeiten von formatierten Textinformationen (Rich-Text).

    Die RichText-Komponente bietet derzeit die folgenden Funktionen:

  • rolloutplan

    CQ.wcm.msm.RolloutPlan

    RolloutPlan stellt ein Dialogfeld zum Überwachen des Rollout-Fortschritts einer Seite bereit. RolloutPlan wird von einem CQ.wcm.msm.RolloutWizard.

  • rolloutwizard

    CQ.wcm.msm.RolloutWizard

    RolloutWizard stellt einen Assistenten für das Rollout einer Seite bereit. RolloutWizard startet einen CQ.wcm.msm.RolloutPlan.

  • searchfield

    CQ.form.SearchField

    SearchField ist ein Suchfeld, das die Ergebnisse in einer Dropdown-Liste bereitstellt, die zum Durchsuchen des Repositorys verwendet werden kann.

  • selection

    CQ.form.Selection

    Mit „Selection“ können Benutzer aus mehreren Optionen auswählen. Die Optionen können Teil der Konfiguration sein oder aus einer JSON-Antwort geladen werden. Die Auswahl kann entweder als Dropdown-Liste (Auswahl) oder als Kombinationsfeld (Auswahl plus freier Texteintrag) gerendert werden.

  • Sidekick

    CQ.wcm.Sidekick

    Der „Sidekick“ ist ein unverankerter Hilfsdienst, in dem gängige Tools zur Seitenbearbeitung bereitgestellt werden.

  • siteadmin

    CQ.wcm.SiteAdmin

    SiteAdmin ist eine Konsole mit WCM-Administrationsfunktionen.

  • siteimporter

    CQ.wcm.SiteImporter

    Mit SiteImporter können Benutzer komplette Websites importieren und erste Projekte erstellen.

  • sizefield

    CQ.form.SizeField

    Mit SizeField können Benutzer die Breite und Höhe (z. B. eines Bildes) eingeben.

  • slider

    CQ.Ext.Slider

    Ein Regler für die vertikale und horizontale Ausrichtung, Tastaturanpassungen, konfigurierbare Ausrichtungen, Achsenklicks und Animationen. Kann als Element zu jedem Container hinzugefügt werden. Beispielverwendung: …

  • Bildschirmpräsentation

    CQ.form.Slideshow

    Die Bildschirmpräsentation bietet eine Komponente, die verwendet werden kann, um einen Satz von Bildern und Bildtiteln zu definieren und zu bearbeiten, die als Diashow angezeigt werden können.

    Die Komponente "Bildschirmpräsentation"basiert auf CQ.form.SmartImage -Komponente.

  • smartfile

    CQ.form.SmartFile

    SmartFile ist ein intelligenter Datei-Uploader.

    Wenn ein Flash-Plug-in (Version >= 9) installiert ist, werden Uploads mithilfe der SWFupload-Bibliothek ausgeführt, die eine praktische Methode zur Handhabung von Uploads bietet.

  • smartimage

    CQ.form.SmartImage

    SmartImage ist ein intelligenter Bild-Uploader, Es bietet Tools zur Verarbeitung eines hochgeladenen Bildes, z. B. ein Tool zum Definieren von Imagemaps und einem Bildzuschnitt.

    Beachten Sie, dass die Komponente hauptsächlich für die Verwendung auf einer separaten Registerkarte für Dialogfelder entwickelt wurde.

  • Abstand

    CQ.Ext.Spacer

    Wird verwendet, um einen skalierbaren Bereich in einem Layout bereitzustellen.

  • Spinner

    CQ.form.Spinner

    Das Spinner-Feld ist ein Trigger für numerische, Datums- oder Uhrzeitwerte. Der Wert kann mithilfe der bereitgestellten Nach-oben- und Nach-unten-Trigger, des Scrollrads oder der Tasten erhöht und verringert werden.

  • splitbutton

    CQ.Ext.SplitButton

    Eine unterteilte Schaltfläche, die einen integrierten Abwärtspfeil bereitstellt, der ein Ereignis separat zu einem Standard-Klick-Ereignis der Schaltfläche auslösen kann. Sie wird in der Regel verwendet, um ein Dropdown-Menü anzuzeigen, das zusätzliche Optionen zur Hauptaktion der Schaltfläche bereitstellt. Jeder benutzerdefinierte Handler kann jedoch den Pfeilklick implementieren.

  • static

    CQ.Static

    Mit „Static“ kann beliebiger Text oder HTML angezeigt werden.

  • Statistiken

    CQ.wcm.Statistics

    „Statistics“ zeigt die Seitenimpressionen als Diagramm an. Das Widget ermöglicht die Auswahl eines Zeitraums, für den die Statistiken angezeigt werden sollen.

  • store

    CQ.Ext.data.Store

    Die Store-Klasse kapselt einen Client-seitigen Cache der Datensatz-Objekte, die Eingabedaten für die Komponenten GridPanel, ComboBox oder DataView liefern.

  • suggestfield

    CQ.form.SuggestField

    SuggestField macht Benutzern Vorschläge auf Basis ihrer Eingaben.

  • switcher

    CQ.Switcher

    „Switcher“ stellt eine Gruppe von Schaltflächen für die Kopfzeilenleiste in einer Konsole bereit, mit denen Benutzer zwischen Websites, digitalen Assets, Tools, Workflows und Sicherheit wechseln können.

  • tableedit

    CQ.form.TableEdit

    Veraltet: Verwenden Sie stattdessen CQ.form.TableEdit2.

  • tableedit2

    CQ.form.TableEdit2

    TableEdit2 stellt ein Widget zum Erstellen von Tabellen bereit.

  • tabpanel

    CQ.Ext.TabPanel

    Ein allgemeiner Container für Registerkarten. TabPanels kann zu Layout-Zwecken genauso wie ein standardmäßiges CQ.Ext.Panel verwendet werden, verfügt aber auch über spezielle Unterstützung für darin enthaltene untergeordnete Komponenten (items).

  • tags

    CQ.tagging.TagInputField

    code language-none
    CQ.tagging.TagInputField
    

    ist ein Formular-Widget zum Eingeben von Tags. Es beinhaltet ein Popup-Menü für die Auswahl vorhandener Tags, einschließlich Autovervollständigen und vieler anderer Funktionen.

  • textarea

    CQ.Ext.form.TextArea

    Ein mehrere Zeilen umspannendes Textfeld. Kann als direkter Ersatz für herkömmliche Textbereich-Felder verwendet werden. Außerdem unterstützt die Funktion zur automatischen Skalierung.

  • textbutton

    CQ.TextButton

    TextButton stellt einen Textlink mit den Funktionen einer CQ.Ext.Button bereit.

  • textfield

    CQ.Ext.form.TextField

    Grundlegendes Textfeld. Kann als direkter Ersatz für herkömmliche Texteingaben oder als Basisklasse für komplexere Eingabedialoge verwendet werden (z. B. CQ.Ext.form.TextArea und CQ.Ext.form.ComboBox).

  • thumbnail

    CQ.form.Thumbnail

  • timefield

    CQ.Ext.form.TimeField

    Stellt ein Zeiteingabefeld mit einem Zeit-Dropdown-Menü und automatischer Zeitvalidierung bereit. Beispielverwendung: …

  • tip

    CQ.Ext.Tip

    @xtype tip. Dieses ist die allgemeine Klasse für CQ.Ext.QuickTip und CQ.Ext.Tooltip, die das grundlegende Layout und die Platzierung bereitstellt, die für alle Klassen mit QuickInfo erforderlich sind. Diese Klasse kann direkt für einfache, statisch positionierte Tipps verwendet werden.

  • titleseparator

    CQ.menu.TitleSeparator

    Fügt eine Leiste mit Trennzeichen zu einem Menü hinzu, die zum Trennen logischer Gruppen von Menüelementen verwendet werden. Das Trennzeichen kann zusätzlich einen Titel tragen.

  • toolbar

    CQ.Ext.Toolbar

    Eine allgemeine Klasse für Symbolleisten. Der defaultType für die Toolbar-Klasse ist zwar button, Toolbar-Elemente (untergeordnete Elemente für den toolbar-Container) können jedoch praktisch jeden Komponententyp umfassen. Symbolleistenelemente können explizit über ihre Konstruktoren erstellt werden.

  • tooltip

    CQ.Ext.ToolTip

    Eine Standardimplementierung für QuickInfos, die zusätzliche Informationen beim Zeigen auf ein Zielelement bereitstellt. @xtype tooltip

  • treegrid

    CQ.tree.TreeGrid

    @xtype-Treegrid

  • treepanel

    CQ.Ext.tree.TreePanel

    Das TreePanel bietet eine Baumstruktur-strukturierte Benutzeroberflächendarstellung von strukturierten Daten.

    TreeNodezum TreePanel hinzugefügt werden, kann jedes Metadaten enthalten, die von Ihrer Anwendung in ihrer attributes -Eigenschaft.

  • trigger

    CQ.Ext.form.TriggerField

    Stellt einen benutzerfreundlichen Wrapper für TextFields bereit, der eine klickbare Auslöserschaltfläche hinzufügt (ähnelt einem Standard-Kombinationsfeld). Da der Trigger keine Standardaktion hat, müssen Sie eine Funktion zuweisen, um den Trigger-Klick-Handler zu implementieren, indem Sie onTriggerClick. Sie können ein TriggerField direkt erstellen, da es genau wie eine Kombinationsbox dargestellt wird.

  • uploaddialog

    CQ.UploadDialog

    Mit UploadDialog können Benutzer Dateien ins Repository hochladen. Erstellt einen neuen UploadDialog.

  • userinfo

    CQ.UserInfo

    Ein Element der Symbolleiste, das den aktuellen Benutzernamen anzeigt und Benutzeraktionen wie das Bearbeiten von Benutzereigenschaften und die Personifikation ermöglicht.

  • viewport

    CQ.Ext.Viewport

    Ein spezieller Container, der den sichtbaren Anwendungsbereich (den Browser-Viewport) darstellt.

    Der Viewport rendert sich selbst im Hauptteil des Dokuments, passt sich automatisch der Größe des Browser-Viewports an und verwaltet die Größenanpassung des Fensters. Es kann nur ein Viewport erstellt werden.

  • Fenster

    CQ.Ext.Window

    Ein spezielles Bedienfeld, das als Anwendungsfenster verwendet werden soll. Windows sind in Fließtext versetzt, resizableund draggable Standardmäßig. Windows kann maximiert , um den Viewport zu füllen, in der vorherigen Größe wiederherzustellen und minimierend.

  • xmlstore

    CQ.Ext.data.XmlStore

    Kleine Helferklasse zum Erstellen CQ.Ext.data.Storeaus XML-Daten leichter. Ein XmlStore wird automatisch mit einer CQ.Ext.data.XmlReader.

    Cqinclude>: Ein Pseudo-xtype, das Widget-Definitionen aus unterschiedlichen Pfaden im Repository enthält. Sie wird am häufigsten in Seitendialogfeldern verwendet. Für diesen xtype gibt es keine tatsächliche JavaScript-Widget-Klasse. Es wird durch die formatData()-Funktion der CQ.Util-Klasse verarbeitet. Weitere Informationen finden Sie in diesem Knowledge Base-Artikel.

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e