Verwenden von xtypes (klassische Benutzeroberfläche) using-xtypes-classic-ui
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']
xtypes xtypes
Im Folgenden sind die verfügbaren xtypes in Adobe Experience Manager aufgeführt:
-
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
Zuvor als „SimpleStore“ bezeichnet.
Kleine Helferklasse die das Erstellen von CQ.Ext.data.Stores aus Array-Daten erleichtert. Ein ArrayStore wird automatisch mit einem CQ.Ext.data.ArrayReader konfiguriert.
-
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
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
BlueprintStatus stellt ein Feld bereit, in dem Sie einen Blueprint und dessen Live Copies-Beziehungen anzeigen und bearbeiten können. Das Durchsuchen erfolgt über CQ.wcm.msm.BlueprintStatus.Tree, die Bearbeitung über CQ.wcm.msm.BlueprintConfig und CQ.wcm.msm.LiveCopyProperties.
-
box
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
Mit BrowseDialog können Benutzende das Repository durchsuchen und einen Pfad auswählen. Die Klasse wird in der Regel in einem BrowseField verwendet.
-
browsefield
Veraltet: Verwenden Sie stattdessen CQ.form.PathField.
-
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 ausgezeichnet mit einem CQ.Dialog.
-
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.
-
Schaltfläche
Eine einfache Schaltflächenklasse.
-
buttongroup
Ein Container für eine Schaltflächengruppe.
-
chart
Das Paket CQ.Ext.chart 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. Sie können das Erscheinungsbild eines Diagramms anhand der Konfigurationsoptionen chartStyle und extraStyle ändern.
-
checkbox
Ein einzelnes Kontrollkästchen. Kann als direkter Ersatz für herkömmliche Kontrollkästchen verwendet werden.
-
checkboxgroup
Ein Gruppierungs-Container für CQ.Ext.form.Checkbox-Steuerelemente.
-
clearcombo
ClearableComboBox ist ein nicht bearbeitbares Kombinationsfeld mit einem Auslöser zum Löschen des darin enthaltenen Werts.
-
colorfield
Mit ColorField können Benutzer einen Hex-Farbwert direkt oder über das CQ.Ext.ColorMenu eingeben.
-
colorlist
Mit ColorList kann der Benutzer eine Farbe aus einer bearbeitbaren Liste auswählen.
-
colormenu
Ein Menü, das eine CQ.Ext.ColorPalette-Komponente enthält.
-
colorpalette
Eine einfache Farbpalettenklasse zum Auswählen von Farben. Die Palette kann in einem beliebigen Container gerendert werden.
-
combo
Ein Kombinationsfeld-Steuerelement mit Unterstützung für das automatische Ausfüllen, Remote-Laden, Paging und viele andere Funktionen.
Eine ComboBox funktioniert ähnlich wie ein herkömmliches <select>-Feld in HTML. Der Unterschied besteht darin, dass für das valueField ein hiddenName angegeben werden muss, um eine ausgeblendete Eingabe zu erstellen.
-
Komponente
Eine allgemeine Klasse für alle Ext-Komponenten. Alle Unterklassen von „Component“ können am automatischen Lebenszyklus zum Erstellen, Rendern und Zerstören von Ext-Komponenten beteiligt sein, der von der Container-Klasse definiert wird. Komponenten können einem Container über die Konfigurationsoption items hinzugefügt werden, wenn der Container erstellt wird.
-
componentextractor
Mit ComponentExtractor können Benutzer Komponenten aus einer Website bzw. Seite extrahieren.
-
componentselector
Eine gruppierte, sortierte Auswahl der verfügbaren Komponenten.
-
componentstyles
-
compositefield
Eine allgemeine Klasse für feldbasierte, komplexe Formularfelder, einschließlich einzelner Formularfelder oder Formularfeldgruppen.
-
container
Eine allgemeine Klasse für eine beliebige CQ.Ext.BoxComponent, die andere Komponenten enthalten kann. 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
ContentFinder ist ein spezieller, zweispaltiger Viewport mit der Inhaltssuche auf der linken und dem Inhalts-Frame auf der rechten Seite.
-
contentfindertab
ContentFinderTab ist ein spezialisiertes Bedienfeld 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
WorkflowModelCombo ist ein benutzerdefiniertes CQ.Ext.form.ComboBox, in dem eine Liste der verfügbaren Workflow-Modelle angezeigt wird.
-
cq.workflow.model.selector
WorkflowModelSelector ist eine Kombination aus WorkflowModelCombo und Workflow-Miniaturbild und enthält auch Schaltflächen zum Erstellen und Bearbeiten von Workflow-Modellen.
-
createsitewizard
CreateSiteWizard ist ein schrittweiser Assistent zum Erstellen von (MSM-)Sites.
-
createversiondialog
CreateVersionDialog ist ein Dialogfeld, in dem eine neue Version einer Seite erstellt werden kann.
-
customcontentpanel
CustomContentPanel ist ein spezielles Feld für die Verwendung in CQ.Dialog: Die darin enthaltenen Inhalte werden von einer anderen URL abgerufen und an eine andere URL gesendet als die übrigen Felder im Dialogfeld.
-
cycle
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
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
Stellt ein Datumseingabefeld mit einem CQ.Ext.DatePicker-Dropdown-Menü und automatischer Datumsvalidierung bereit.
-
datemenu
Ein Menü, das eine CQ.Ext.DatePicker-Komponente enthält.
-
datepicker
Ein Popup für die Datumsauswahl. Diese Klasse wird von der Klasse DateField verwendet, um das Durchsuchen und Auswählen von gültigen Daten zu ermöglichen.
-
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
Ein spezielles Dialogfeld 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
DialogFieldSet ist ein FieldSet zur Verwendung in Dialogfeldern.
-
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
Ein nur für die Anzeige bestimmtes Textfeld, das nicht validiert und gesendet wird.
-
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.
-
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
Diese Klasse erweitert die GridPanel-Klasse, um die Bearbeitung von Zellen in ausgewählten Spalten zu ermöglichen. Die bearbeitbaren Spalten werden durch Angabe eines Editors in der Spaltenkonfiguration festgelegt.
-
editrollover
Mit EditRollover können Benutzende Inhalte durch Doppelklick bearbeiten und über ein Kontextmenü weitere Bearbeitungsaktionen durchführen. Der bearbeitbare Bereich wird durch einen Rahmen gekennzeichnet, wenn die Maus über den Inhalt bewegt wird.
-
feedimporter
Mit FeedImporter können Benutzer RSS- oder Atom-Feeds importieren und Seiten für jeden Feed-Eintrag erstellen.
-
field
Eine allgemeine Klasse für Formularfelder, die Standardfunktionen für die Ereignisbehandlung, Größenänderung, Werteverarbeitung und anderes bereitstellt.
-
fieldset
Ein Standard-Container 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
Mit FileUploadField können Benutzer eine einzelne Datei zum Hochladen auswählen.
-
findreplacedialog
FindReplaceDialog ist ein Dialogfeld zum Suchen nach und Ersetzen von Tokens in einer Seite und deren untergeordneten Seiten.
-
flash
-
grid
Diese Klasse stellt die primäre Oberfläche eines komponentenbasierten Raster-Steuerelements dar, um Daten im Tabellenformat in Zeilen und Spalten darzustellen.
-
groupingstore
Eine spezielle Speicherimplementierung zum Gruppieren von Datensätzen nach einem der verfügbaren Felder. Dies wird mit einer CQ.Ext.grid.GroupingView verwendet, um das Datenmodell für ein gruppiertes GridPanel zu bestätigen.
-
heavymovedialog
HeavyMoveDialog ist ein Dialogfenster zum Verschieben einer Seite und der untergeordneten Seiten, einschließlich erneuter Aktivierung zuvor aktivierter Seiten („große“ Verschiebung).
-
hidden
Ein allgemeines verborgenes Feld zum Speichern ausgeblendeter Werte in Formularen, die beim Senden des Formulars weitergegeben werden müssen.
-
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.
-
htleditor
Stellt eine einfache HTML-Editor-Komponente bereit. Einige Symbolleistenfunktionen werden von Safari nicht unterstützt und 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
Ein einfaches Dialogfeld, das die Inhalte eines iFrame anzeigt und Formulare in iFrames zulässt.
-
iframepanel
Ein Feld mit einem iFrame. Es ermöglicht die einfache Erstellung von iFrames, ein iFrame-Ladeereignis und einfachen Zugriff auf den iFrame-Inhalt.
-
inlinetextfield
InlineField ist ein Textfeld, das als Beschriftung angezeigt wird, wenn es sich nicht im Fokus befindet.
-
jsonstore
Eine kleine Helferklasse, die das Erstellen von CQ.Ext.data.Stores aus JSON-Daten erleichtert. Ein JsonStore wird automatisch mit einem CQ.Ext.data.JsonReader konfiguriert.
-
label
Ein einfaches Beschriftungsfeld.
-
languagecopydialog
LanguageCopyDialog ist ein Dialogfeld zum Kopieren von Sprachstrukturen.
-
linkchecker
LinkChecker ist ein Tool zum Überprüfen externer Links in einer Site.
-
listview
CQ.Ext.list.ListView ist eine schnelle, einfache Implementierung einer rasterähnlichen Ansicht.
-
livecopyproperties
LiveCopyProperties stellt ein Bedienfeld zum Anzeigen und Bearbeiten von Live Copy-Eigenschaften („Beziehungsvererbung“, „Synchronisierungsauslöser“ und „Aktionen synchronisieren“) bereit.
-
lvbooleancolumn
Eine Spaltendefinitionsklasse, die boolesche Datenfelder rendert. Weitere Informationen finden Sie unter xtype-Konfigurationsoptionen von CQ.Ext.list.Column.
-
lvcolumn
Diese Klasse kapselt Konfigurationsdaten von Spalten, die bei der Initialisierung von ListView verwendet werden sollen.
-
lvdatecolumn
Eine Spaltendefinitionsklasse, die ein übergebenes Datum gemäß dem Standardgebietsschema oder einem konfigurierten Format rendert. Weitere Informationen finden Sie unter xtype-Konfigurationsoptionen von CQ.Ext.list.Column.
-
lvnumbercolumn
Eine Spaltendefinitionsklasse, die ein numerisches Datenfeld gemäß einer Format-Zeichenfolge rendert. Weitere Informationen finden Sie unter xtype-Konfigurationsoptionen von CQ.Ext.list.Column.
-
mediabrowsedialog
Veraltet: Verwenden Sie stattdessen Content Finder, um Medien zu durchsuchen.
MediaBrowseDialog ist ein Dialogfeld zum Durchsuchen der Medienbibliothek.
-
menu
Ein Menüobjekt. Dies ist der Container, dem Sie Menüelemente hinzufügen können. „Menu“ kann auch als Basisklasse dienen, wenn Sie ein spezielles Menü benötigen, das auf einer anderen Komponente (z. B. CQ.Ext.menu.DateMenu) basiert.
Menüs können entweder Menu-Elemente oder allgemeine Komponenten enthalten.
-
menubaseitem
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
Fügt ein Menüelement hinzu, das standardmäßig ein Kontrollkästchen enthält, aber auch Teil einer Optionsfeldgruppe sein kann.
-
menuitem
Eine Basisklasse für alle Menüelemente, für die menübezogene Funktionen (wie Untermenüs) erforderlich sind und bei denen es sich nicht um statische Anzeigeelemente handelt. „Item“ erweitert die allgemeinen Funktionen von CQ.Ext.menu.BaseItem und fügt die menüspezifische Bearbeitung von Aktivierungs- und Klickaktionen hinzu.
-
menuseparator
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 „-“ im Aufruf von add() oder der Elementkonfiguration hinzu, anstatt das Zeichen direkt zu erstellen.
-
menutextitem
Fügt eine statische Textzeichenfolge zu einem Menü hinzu und wird entweder als Überschrift oder als Gruppentrennzeichen verwendet.
-
Metadaten
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
MultiField ist eine bearbeitbare Liste von Formularfeldern zum Bearbeiten von Eigenschaften mit mehreren Werten.
-
mvt
Die Komponente „Multivariate Testing“ kann verwendet werden, um eine Reihe von Bildern zu definieren und zu bearbeiten, die als alternierende Banner dargestellt werden. Klickratenstatistiken werden pro Banner erfasst.
-
notificationinbox
Mit NotificationInbox können Benutzer WCM-Aktionen abonnieren und Benachrichtigungen verwalten.
-
numberfield
Ein numerisches Textfeld, das automatisch Tastenanschläge filtert und numerische Werte validiert.
-
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
OwnerDraw kann benutzerdefinierten HTML-Code enthalten (der entweder direkt eingegeben oder von einer URL abgerufen wurde).
-
paging
Mit einer steigenden Anzahl von Einträgen 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
„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
Das Feld „ParagraphReference“ ermöglicht es, Seiten zu durchsuchen und einen der darin enthaltenen Absätze auszuwählen. Es beinhaltet ein Auslöserfeld und ein damit verknüpftes Dialogfeld zum Durchsuchen von Absätzen.
-
Kennwort
„Password“ ist einem CQ.Ext.form.TextField ähnlich, die darin enthaltenen Werte bleiben jedoch privat, sodass Benutzer vertrauliche Daten eingeben können.
-
pathcompletion
Veraltet: Verwenden Sie stattdessen CQ.form.PathField.
-
pathfield
„PathField“ ist ein Eingabefeld für Pfade mit Pfadvervollständigung und einer Schaltfläche zum Öffnen eines CQ.BrowseDialog zum Durchsuchen des Server-Repositorys. Damit können auch Seitenabsätze zur erweiterten Link-Erzeugung durchsucht werden.
-
Fortschritt
Eine Komponente mit einer Fortschrittsleiste, die aktualisiert werden kann. Die Fortschrittsleiste unterstützt zwei verschiedene Modi: manuell und automatisch.
Im manuellen Modus sind Sie für das Anzeigen, Aktualisieren (über updateProgress) und Löschen der Fortschrittsleiste nach Bedarf über Ihren eigenen Code verantwortlich. Diese Methode eignet sich am besten, wenn Sie den Fortschritt anzeigen möchten.
-
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
PropertyGrid ist ein generisches Raster, das zum Anzeigen und Bearbeiten von Objekteigenschaften verwendet wird.
-
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 dem Header „QuickTips-Klasse“.
-
radio
Ein 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
Ein Gruppierungscontainer für CQ.Ext.form.Radio-Steuerelemente.
-
referencesdialog
ReferencesDialog ist ein Dialogfeld zum Anzeigen von Verweisen auf einer Seite.
-
restoretreedialog
RestoreTreeDialog ist ein Dialogfeld zum Wiederherstellen einer vorherigen Version einer Struktur.
-
restoreversiondialog
RestoreVersionDialog ist ein Dialogfeld zum Wiederherstellen einer vorherigen Version einer Seite.
-
richtext
„RichText“ stellt ein Formularfeld zum Bearbeiten von formatierten Textinformationen (Rich Text) zur Verfügung.
Die RichText-Komponente bietet derzeit die folgenden Funktionen:
-
rolloutplan
RolloutPlan stellt ein Dialogfeld zum Überwachen des Rollout-Fortschritts einer Seite bereit. „RolloutPlan“ wird von einem CQ.wcm.msm.RolloutWizard gestartet.
-
rolloutwizard
RolloutWizard stellt einen Assistenten für das Rollout einer Seite bereit. „RolloutWizard“ startet einen CQ.wcm.msm.RolloutPlan.
-
searchfield
SearchField ist ein Suchfeld, das die Ergebnisse in einer Dropdown-Liste bereitstellt, die zum Durchsuchen des Repositorys verwendet werden kann.
-
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
Der „Sidekick“ ist ein unverankerter Hilfsdienst, in dem gängige Tools zur Seitenbearbeitung bereitgestellt werden.
-
siteadmin
SiteAdmin ist eine Konsole mit WCM-Administrationsfunktionen.
-
siteimporter
Mit SiteImporter können Benutzer komplette Websites importieren und erste Projekte erstellen.
-
sizefield
Mit SizeField können Benutzende die Breite und Höhe (z. B. eines Bildes) eingeben.
-
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. Anwendungsbeispiel: …
-
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
„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, was eine benutzerfreundliche Upload-Methode darstellt.
-
smartimage
SmartImage ist ein intelligenter Bild-Uploader, der Tools zum Verarbeiten von hochgeladenen Bildern bereitstellt, beispielsweise ein Definitions-Tool für Bildzuordnungen und einen Bildzuschneider.
Die Komponente ist für die Verwendung auf einer separaten Dialogfeld-Registerkarte bestimmt.
-
spacer
Wird verwendet, um einen anpassbaren Bereich in einem Layout bereitzustellen.
-
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 Scroll-Rad oder den Tasten erhöht und verringert werden.
-
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
Mit „Static“ kann beliebiger Text oder HTML angezeigt werden.
-
Statistiken
„Statistics“ zeigt die Seitenimpressionen als Diagramm an. Das Widget ermöglicht die Auswahl eines Zeitraums, für den die Statistiken angezeigt werden sollen.
-
store
Die Store-Klasse kapselt einen Client-seitigen Cache der Datensatz-Objekte, die Eingabedaten für die Komponenten GridPanel, ComboBox oder DataView liefern.
-
suggestfield
SuggestField macht Benutzenden Vorschläge auf Basis ihrer Eingaben.
-
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
Veraltet: Verwenden Sie stattdessen CQ.form.TableEdit2.
-
tableedit2
„TableEdit2“ stellt ein Widget zum Erstellen von Tabellen bereit.
-
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
code language-none CQ.tagging.TagInputFieldist 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
Ein mehrere Zeilen umspannendes Textfeld. Kann als direkter Ersatz für herkömmliche textarea-Felder verwendet werden und unterstützt auch die automatische Größenänderung.
-
textbutton
TextButton stellt einen Textlink mit den Funktionen einer CQ.Ext.Button bereit.
-
textfield
Ein einfaches Textfeld. Kann als direkter Ersatz für herkömmliche Texteingaben oder als allgemeine Klasse für komplexere Eingabeelemente (wie CQ.Ext.form.TextArea und CQ.Ext.form.ComboBox) verwendet werden.
-
thumbnail
-
timefield
Stellt ein Zeiteingabefeld mit einem Zeit-Dropdown-Menü und automatischer Zeitvalidierung bereit. Anwendungsbeispiel: …
-
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
Fügt eine Leiste mit Trennzeichen zu einem Menü hinzu, die zum Trennen logischer Gruppen von Menüelementen verwendet werden. Das Trennzeichen kann auch einen Titel aufweisen.
-
toolbar
Eine allgemeine Klasse für Symbolleisten. Der
defaultTypefür die Toolbar-Klasse ist zwarbutton, 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. -
QuickInfo
Eine Standardimplementierung für QuickInfos, die zusätzliche Informationen beim Zeigen auf ein Zielelement bereitstellt. @xtype tooltip.
-
treegrid
@xtype-Treegrid
-
treepanel
„TreePanel“ ermöglicht das Anzeigen von Baumstruktur-Daten in einer Baumstruktur-Benutzeroberfläche.
Zu TreePanel hinzugefügte TreeNodes können Metadaten enthalten, die von der Anwendung in der Eigenschaft attributes verwendet werden.
-
trigger
Stellt einen benutzerfreundlichen Wrapper für TextFields bereit, der eine klickbare Auslöserschaltfläche hinzufügt (ähnelt einem Standard-Kombinationsfeld). Für den Auslöser gibt es 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
Mit UploadDialog können Benutzer Dateien ins Repository hochladen. Erstellt einen neuen UploadDialog.
-
userinfo
Ein Element der Symbolleiste, das den aktuellen Benutzernamen anzeigt und Benutzeraktionen wie das Bearbeiten von Benutzereigenschaften und die Personifikation ermöglicht.
-
viewport
Ein spezieller Container, der den sichtbaren Anwendungsbereich (das Browser-Darstellungsfeld) darstellt.
„Viewport“ wird automatisch im Hauptteil des Dokuments gerendert. Die Größe wird automatisch an das Browser-Darstellungsfeld angepasst und die Größenänderung des Fensters verwaltet. Es kann nur ein Viewport erstellt werden.
-
window
Ein spezielles Bedienfeld, das als Anwendungsfenster verwendet werden soll. Fenster sind standardmäßig nicht verankert, anpassbar und per Maus ziehbar. Fenster können auf die Größe des Darstellungsfelds maximiert, auf die ursprüngliche Größe zurückgesetzt oder minimiert werden.
-
xmlstore
Eine kleine Helferklasse, die das Erstellen von CQ.Ext.data.Storeaus XML-Daten erleichtert. XmlStore wird automatisch mit einem CQ.Ext.data.XmlReader konfiguriert.
Cqinclude>: Ein Pseudo-xtype, das Widget-Definitionen aus unterschiedlichen Pfaden im Repository enthält. Es wird in der Regel 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.