Verwenden von xtypes (klassische Benutzeroberfläche)

Diese Seite beschreibt die xtypes, die im Lieferumfang von Adobe Experience Manager (AEM) enthalten sind.

In der ExtJS-Sprache ist ein xtype ein symbolischer Name, der einer Klasse zugewiesen wird. You can read the "Component XTypes" paragraph of the Overview of ExtJS 2 for a detailed explanation about what an xtype is and how it can be used.

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']

Hinweis

Diese Seite beschreibt die Verwendung von ExtJS-xtypes in der klassischen Benutzeroberfläche.

Adobe recommends that you leverage the standard, modern, touch-enabled UI based on Coral UI and Granite UI.

xtypes

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

  • annotation

    CQ.wcm.annotation

    Ein spezielles Fenster mit einem Formular im Hauptteil und einer Schaltflächengruppe in der Fußzeile. Es wird in der Regel zum Bearbeiten von Inhalten verwendet, kann aber auch nur zur Anzeige von Informationen genutzt werden.

  • arraystore

    CQ.Ext.data.ArrayStore

    Früher als „SimpleStore“ bezeichnet.

    Eine kleine Helper-Klasse, die das Erstellen von CQ.Ext.data.Stores aus Array-Daten vereinfacht. Ein ArrayStore wird automatisch mit einem CQ.Ext.data.ArrayReader konfiguriert.

  • 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 mit CQ.wcm.msm.BlueprintStatus.Tree, die Bearbeitung mit CQ.wcm.msm.BlueprintConfig und CQ.wcm.msm.LiveCopyProperties.

  • box

    CQ.Ext.BoxComponent

    Eine allgemeine Klasse für eine beliebige Komponente, die anhand von Breite und Höhe als Feld formatiert werden soll.

    BoxComponent passt das Feldmodell automatisch an die Größen- und Platzierungsdefinition an und funktioniert auch im Rendering-Modell der Komponente ordnungsgemäß.

  • browsedialog

    CQ.BrowseDialog

    Mit BrowseDialog können Benutzer das Repository durchsuchen und einen Pfad auswählen. Die Klasse wird in der Regel in einem BrowseField verwendet.

  • browsefield

    CQ.form.BrowseField

    Veraltet: Verwenden Sie stattdessenCQ.form.PathField

  • bulkeditor

    CQ.wcm.BulkEditor

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

    BulkEditor muss in ein HTML-Formular eingefügt werden (dies ist für die Import-Funktion erforderlich). Die Klasse funktioniert ausgezeichnet mit CQ.Dialog.

  • bulkeditorform

    CQ.wcm.BulkEditorForm

    BulkEditorForm stellt CQ.wcm.BulkEditor umgeben von einem HTML-Formular bereit. Dies ist die eigenständige Version von CQ.wcm.BulkEditor. Daher ist das HTML-Formular für die Import-Schaltfläche erforderlich.

  • button

    cQ.ext.button

    Simple Button-Klasse

  • buttongroup

    CQ.Ext.ButtonGroup

    Container für eine Gruppe von Schaltflächen.

  • 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 ist direkt mit einem CQ.Ext.data.Store verbunden, wodurch das Diagramm automatisch aktualisiert werden kann. Sie können das Erscheinungsbild eines Diagramms anhand der Konfigurationsoptionen chartStyle und extraStyle ändern.

  • Kontrollkästchen

    CQ.Ext.form.Checkbox

    Einzelnes Kontrollkästchen. Kann als direkter Ersatz für herkömmliche Kontrollkästchen verwendet werden.

  • checkboxgroup

    CQ.Ext.form.CheckboxGroup

    Ein Gruppierungscontainer 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ü, das eine CQ.Ext.ColorPalette-Komponente enthält.

  • 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 Kombinationsfeld-Steuerelement mit Unterstützung für das automatische Ausfüllen, Remote-Laden, Paging und viele andere Funktionen.

    ComboBox funktioniert ähnlich wie ein herkömmliches <select>-Feld in HTML. Allerdings müssen Sie zum Senden eines valueField einen hiddenName angeben, um eine ausgeblendete Eingabe zu erstellen.

  • component

    CQ.Ext.Component

    Eine allgemeine Klasse für alle Ext-Komponenten. Alle Unterklassen von „component“ können an dem automatischen Lebenszyklus zum Erstellen, Rendern und Zerstören von Ext-Komponenten beteiligt sein, der von der Container-Klasse definiert wird. Komponenten können anhand der items-Konfigurationsoption hinzugefügt werden, wenn der Container erstellt wird.

  • 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

    Eine allgemeine Klasse für eine beliebige CQ.Ext.BoxComponent, die andere Komponenten enthalten kann. Container verarbeiten das grundlegende Verhalten der darin enthaltenen Elemente, d. h., Hinzufügen, Einfügen oder Entfernen von Elementen.

    Die am häufigsten verwendeten Containerklassen sind CQ.Ext.Panel, CQ.Ext.Window und CQ.Ext.TabPanel.

  • contentfinder

    CQ.wcm.ContentFinder

    ContentFinder ist ein spezieller, zweispaltiger Viewport mit dem Content Finder auf der linken und dem Content Frame auf der rechten Seite.

  • contentfindertab

    CQ.wcm.ContentFinderTab

    ContentFinderTab ist ein spezielles Feld mit Funktionen, die in den Registerkartenfeldern in CQ.wcm.ContentFinder verwendet werden. Normalerweise enthält es ein Suchformular – das Abfragefeld – und eine Datenansicht zum Anzeigen 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. The button automatically cycles through each menu item on click, raising the button's change event (or calling the button's changeHandler function, if supplied) for the active menu item.

  • 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ü, das eine CQ.Ext.DatePicker-Komponente enthält.

  • datepicker

    CQ.Ext.DatePicker

    Ein Popup für die Datumsauswahl. Diese Klasse wird von der DateField-Klasse zum Durchsuchen und Auswählen eines gültigen Datums verwendet.

  • 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. Es wird in der Regel zum Bearbeiten von Inhalten verwendet, kann aber auch nur zur Anzeige von Informationen genutzt werden.

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

    Diese sind zwar an dieser Stelle nicht aufgelistet, aber EditBar beinhaltet alle Mitglieder von CQ.wcm.EditBase.

  • editor

    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 Class und ermöglicht die Zellenbearbeitung ausgewählter Spalten. Die bearbeitbaren Spalten werden durch Bereitstellen eines Editors in der Spaltenkonfiguration angegeben.

  • editrollover

    CQ.wcm.EditRollover

    Mit EditRollover können Benutzer Inhalte durch Doppelklick bearbeiten und weitere Bearbeitungsaktionen im Kontextmenü nutzen. Der bearbeitbare Bereich wird durch einen Rahmen markiert, 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. Diese Klasse kann in Bearbeitungsdialogfeldern verwendet werden, bei denen das Hochladen 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. Diese Klasse wird normalerweise in Kombination mit CQ.Ext.grid.GroupingView verwendet, um das Datenmodell für ein gruppiertes GridPanel zu bestätigen.

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

    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“ . Normalerweise sind zwei verwandte Instanzen erforderlich: Die Instanz für die Schaltfläche „Vorwärts“ ist eine einfache Schaltfläche, die mit der Instanz für die Schaltfläche „Zurück“ verknüpft ist, die den Verlauf handhabt.

  • htmleditor

    CQ.Ext.form.HtmlEditor

    Bietet eine leichte HTML-Editor-Komponente. Einige Symbolleisteneigenschaften werden nicht von Safari unterstützt und werden automatisch ausgeblendet, falls erforderlich. In den Konfigurationsoptionen werden diese Eigenschaften vermerkt, falls zutreffend.

    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 Bedienfeld, das einen iframe enthält. Ermöglicht die einfache Erstellung von iFrames, ein iFrame-Ladeereignis und einfachen Zugriff auf die Inhalte von iFrames.

  • 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

    Eine kleine Helper-Klasse, die das Erstellen von CQ.Ext.data.Stores aus JSON-Daten erleichtert. Ein JsonStore wird automatisch mit einem CQ.Ext.data.JsonReader konfiguriert.

  • label

    CQ.Ext.form.Label

    Grundlegendes 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, einfache Implementierung einer Raster-ähnlichen 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. Weitere Informationen finden Sie unter xtype-Konfigurationsoptionen von CQ.Ext.list.Column.

  • lvcolumn

    CQ.Ext.list.Column

    Diese Klasse kapselt Konfigurationsdaten von Spalten, die bei der Initialisierung von ListView verwendet werden sollen.

  • lvdatecolumn

    CQ.Ext.list.DateColumn

    Eine Spaltendefinitionsklasse, die ein verarbeitetes Datum gemäß dem Standardgebietsschema oder in einem konfigurierten Format ausgibt. Weitere Informationen finden Sie unter xtype-Konfigurationsoptionen von CQ.Ext.list.Column.

  • lvnumbercolumn

    CQ.Ext.list.NumberColumn

    Eine Spaltendefinitionsklasse, die ein numerisches Datenfeld gemäß einer Format-Zeichenfolge rendert. Weitere Informationen finden Sie unter xtype-Konfigurationsoptionen von CQ.Ext.list.Column.

  • mediabrowsedialog

    CQ.MediaBrowseDialog

    Veraltet: Verwenden Sie stattdessenContent Finder, um Medien zu durchsuchen.

    MediaBrowseDialog ist ein Dialogfeld zum Durchsuchen der Medienbibliothek.

  • menu

    CQ.Ext.menu.Menu

    Ein Menüobjekt. Der Container, dem Sie Menüelemente hinzufügen können. „Menu“ kann als allgemeine Klasse verwendet werden, wenn Sie ein spezielles Menü auf Basis einer anderen Komponente (z. B. CQ.Ext.menu.DateMenu) benötigen.

    Menüs können Menüelemente oder allgemeine Komponenten enthalten.

  • menubaseitem

    CQ.Ext.menu.BaseItem

    Die allgemeine Klasse für alle in Menüs gerenderten Elemente. BaseItem stellt Optionen für das Standard-Rendering, die Verwaltung in aktiviertem Zustand und die Basiskonfiguration bereit, die von allen Menükomponenten gemeinsam verwendet 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. „Item“ erweitert die allgemeinen Funktionen von CQ.Ext.menu.BaseItem und fügt die menüspezifische Bearbeitung von Aktivierungs- und Klickaktionen hinzu.

  • 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. Normalerweise fügen Sie eines dieser Zeichen mit „-“ in der add()-Abfrage oder der Elementkonfiguration hinzu, anstatt das Zeichen 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.

  • metadata

    CQ.dam.form.Metadata

    „Metadata“ stellt Felder zum Bestimmen der für ein Metadatenfeld erforderlichen Informationen bereit (z. B. auf Asset-Editor-Seiten).

    Die Klasse 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

    Mit der MultivariateTesting-Komponente können Benutzer eine Reihe von Bildern definieren und bearbeiten, die in Form alternierender Banner angezeigt werden. Klickratenstatistiken 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 offline mit einem Textverarbeitungsprogramm 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 der steigenden Anzahl von Datensätzen steigt auch die vom Browser zum Rendern benötigte Zeit. Paging wird verwendet, um die Datenmenge zu reduzieren, die mit dem Client ausgetauscht wird.

  • panel

    CQ.Ext.Panel

    „Panel“ ist ein Container mit spezifischen Funktionen und Strukturkomponenten und ist ideal als Baustein für anwendungsorientierte Benutzeroberflächen geeignet.

    Felder werden vom CQ.Ext.Container vererbt.

  • paragraphreference

    CQ.form.ParagraphReference

    Das ParagraphReference-Feld ermöglicht das Durchsuchen von Seiten und die Auswahl eines der darin enthaltenen Absätze. Es beinhaltet ein Auslöserfeld und ein damit verknüpftes Dialogfeld zum Durchsuchen von Absätzen.

  • password

    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 stattdessenCQ.form.PathField

  • pathfield

    CQ.form.PathField

    PathField ist ein Eingabefeld, das für Pfade mit Pfadfertigstellung und einer Schaltfläche zum Öffnen eines CQ.BrowseDialog zum Durchsuchen des Server-Repository entwickelt wurde. Damit können auch Seitenabsätze zur erweiterten Linkerzeugung durchsucht werden.

  • progress

    CQ.Ext.ProgressBar

    Eine Komponente mit Fortschrittsleiste, die aktualisiert werden kann. Die Fortschrittsleiste unterstützt zwei unterschiedliche Modi: manuell und automatisch.

    Im manuellen Modus sind Benutzer für das Anzeigen, Aktualisieren (über updateProgress) und Löschen der Fortschrittsleiste aus dem Code verantwortlich, falls erforderlich. Diese Methode eignet sich optimal zum Anzeigen des Fortschritts.

  • 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.PropertyRecords 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. Zusätzliche Informationen zur Verwendung und Beispiele finden Sie unter „QuickTips-Klasse“.

  • radio

    CQ.Ext.form.Radio

    Einzelnes Optionsfeld. Ähnlich wie das Kontrollkästchen, der Eingabetyp kann jedoch für die einfache Verwendung automatisch festgelegt werden. Die Gruppierung von Optionsfeldern erfolgt automatisch im Browser, falls alle Optionsfelder einer Gruppe gleich benannt werden.

  • 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 stellt ein Formularfeld zum Bearbeiten von formatierten Textinformationen (Rich Text) zur Verfügung.

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

  • 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. „Selection“ kann entweder als Dropdown-Menü (Auswahl) oder als Kombinationsfeld (Auswahl plus freie Texteingabe) 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 einem beliebigen Container hinzugefügt werden. Anwendungsbeispiel…

  • slideshow

    CQ.form.Slideshow

    „Slideshow“ stellt eine Komponente bereit, die zum Definieren und Bearbeiten von Bildern und Bildtiteln verwendet werden kann, die möglicherweise in einer Bildschirmpräsentation angezeigt werden.

    Die Komponente für die Bildschirmpräsentation basiert auf der Komponente CQ.form.SmartImage.

  • smartfile

    CQ.form.SmartFile

    SmartFile ist ein intelligenter Datei-Uploader.

    Wenn ein Flash-Plug-in (Version 9 oder höher) installiert ist, werden Uploads mit der SWFupload-Bibliothek durchgeführt, eine benutzerfreundliche Upload-Methode.

  • smartimage

    CQ.form.SmartImage

    SmartImage ist ein intelligenter Bild-Uploader, der Tools zum Verarbeiten von hochgeladenen Bildern bereitstellt, beispielsweise ein Definitionstool für Bildzuordnungen und einen Bildbeschneider.

    Beachten Sie, dass die Komponente hauptsächlich für die Nutzung auf einer separaten Dialogfeld-Registerkarte bestimmt ist.

  • spacer

    CQ.Ext.Spacer

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

  • spinner

    CQ.form.Spinner

    „Spinner“ ist ein Auslöserfeld für numerische, Daten- oder Zeitwerte. Der Wert kann mit den bereitgestellten Aufwärts- und Abwärts-Auslösern, dem Scrollrad oder den 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. Mit dem Widget kann ein Zeitraum ausgewählt werden, für den die Statistiken angezeigt werden sollen.

  • store

    CQ.Ext.data.Store

    Die Store-Klasse kapselt einen clientseitigen 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 stattdessenCQ.form.TableEdit2.

  • tableedit2

    CQ.form.TableEdit2

    TableEdit2 stellt ein Widget für das Erstellen von Tabellen zur Verfügung.

  • tabpanel

    CQ.Ext.TabPanel

    Ein allgemeiner Container für Registerkarten. TabPanels can be used exactly like a standard CQ.Ext.Panel for layout purposes, but also have special support for containing child Components (items).

  • tags

    CQ.tagging.TagInputField

    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

    Mehrzeiliges Textfeld Kann als direkter Ersatz für herkömmliche textarea-Felder verwendet werden und unterstützt auch die automatische Größenänderung.

  • textbutton

    CQ.TextButton

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

  • textfield

    CQ.Ext.form.TextField

    Ein einfaches Textfeld. Es kann als direkter Ersatz für herkömmliche Texteingaben oder als allgemeine Klasse für ausgereiftere Eingabesteuerelemente (wie CQ.Ext.form.TextArea und CQ.Ext.form.ComboBox) verwendet werden.

  • thumbnail

    CQ.form.Thumbnail

  • timefield

    CQ.Ext.form.TimeField

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

  • 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 platzierte QuickInfos 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 aufweisen.

  • 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 ausdrücklich über den zugehörigen Konstruktor 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

    TreePanel ermöglicht das Anzeigen von Baumstruktur-Daten in einer Baumstruktur-Benutzeroberfläche.

    Zu TreePanel hinzugefügte TreeNodeskönnen Metadaten enthalten, die von der Anwendung in der attributes-Eigenschaft verwendet werden.

  • 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). Der Auslöser beinhaltet keine Standardaktion. Sie müssen eine Funktion zuweisen, um den Klick-Handler für den Auslöser durch Überschreiben von onTriggerClick zu implementieren. Sie können ein TriggerField direkt erstellen, da es genauso wie ein Kombinationsfeld gerendert 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.

    „Viewport“ wird automatisch im Hauptteil des Dokuments gerendert. Die Größe wird automatisch an den Browser-Viewport angepasst und die Größenänderung des Fensters verwaltet. Es kann nur ein Viewport erstellt werden.

  • window

    CQ.Ext.Window

    Eine spezielles Feld für die Verwendung als Anwendungsfenster. Fenster sind standardmäßig nicht verankert, anpassbar und ziehbar. Fenster können auf die Größe des Viewports maximiert, auf die ursprüngliche Größe zurückgesetzt und minimiert werden.

  • xmlstore

    CQ.Ext.data.XmlStore

    Eine kleine Helper-Klasse, die das Erstellen von CQ.Ext.data.Stores aus XML-Daten vereinfacht. XmlStore wird automatisch mit einem CQ.Ext.data.XmlReader konfiguriert.

    cqinclude Pseudo xtype, der Widget-Definitionen aus einem anderen Pfad im Repository enthält. Es wird in der Regel in Seitendialogfeldern verwendet. Es gibt keine tatsächliche JavaScript-Widget-Klasse für dieses xtype. Es wird durch die formatData()-Funktion der CQ.Util-Klasse verarbeitet. Weitere Informationen finden Sie in diesem Knowledge Base-Artikel.

Auf dieser Seite