Die Kernkomponente „Listenkomponente“ ermöglicht die einfache Erstellung dynamischer sowie statischer Listen.
Die Listenkomponente kann beispielsweise zum Erstellen einer dynamischen Liste von untergeordneten Seiten oder einer statischen Liste von willkürlich definierten Elementen verwendet werden.
Der Typ der verfügbaren Listen und Formatierungsoptionen kann vom Vorlagenautor im Dialogfeld „Design“ definiert werden. Der Inhaltseditor kann aus verfügbaren Listentypen und Elementen zum Formatieren der Listen im Dialogfeld „Bearbeiten“ auswählen.
In diesem Dokument wird die v1 der Listenkomponente beschrieben, die ursprünglich mit Version 1.0.0 der Kernkomponenten mit AEM 6.3 eingeführt wurde.
In der folgenden Tabelle ist die Kompatibilität von v1 der Listenkomponente aufgeführt.
AEM-Version | Listenkomponente v1 |
---|---|
6.3 | Kompatibel |
6.4 | Kompatibel |
In diesem Dokument wird v1 der Listenkomponente beschrieben.
Weitere Informationen zur aktuellen Version der Listenkomponente finden Sie im Dokument Listenkomponente.
Im Folgenden finden Sie ein Beispiel von We.Retail.
<div class="cmp cmp-list aem-GridColumn aem-GridColumn--default--12">
<ul>
<li>
<article>
<a href="/content/we-retail/us/en/experience/arctic-surfing-in-lofoten.html?lang=de">
<span class="cmp-list--item-title">Arctic Surfing In Lofoten</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/summit-success-in-the-himalayas.html?lang=de">
<span class="cmp-list--item-title">Summit Success in the Himalayas</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/climbing-on-kalymnos-island--greece.html?lang=de">
<span class="cmp-list--item-title">Climbing on Kalymnos Island, Greece</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/running-at-the-great-wall-marathon.html?lang=de">
<span class="cmp-list--item-title">Running at the Great Wall Marathon</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/skiing-deep-powder-in-siberia.html?lang=de">
<span class="cmp-list--item-title">Skiing deep powder in Siberia</span>
</a>
</article>
</li>
<li>
<article>
<a href="/content/we-retail/us/en/experience/climbing-in-the-massif-du-mont-blanc.html?lang=de">
<span class="cmp-list--item-title">Climbing in the Massif du Mont Blanc</span>
</a>
</article>
</li>
</ul>
</div>
"articles_list": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
":type": "weretail/components/content/articleslist",
"tagsMatch": "any",
"displayAs": "teaser",
"feedEnabled": "true",
"listFrom": "children",
"limit": "0",
"orderBy": "cq:lastModified",
"pageMax": "0"
}
Für JSON-Exporte aus den Kernkomponenten ist Version 1.1.0 der Kernkomponenten erforderlich. Weitere Informationen finden Sie in den Kompatibilitätsinformationen für Kernkomponenten v1.
Das Dialogfeld „Bearbeiten“ ermöglicht dem Inhaltsautor die Konfiguration der Liste und der Listenelemente.
Die Liste kann auf verschiedene Weise erstellt werden.
Unabhängig davon, wie die Liste erstellt wurde, gibt es Sortieroptionen, die immer konfiguriert werden können.
Je nachdem, wie der Inhaltsautor die Liste erstellt, werden die zusätzlichen Konfigurationsoptionen geändert.
Die Liste kann aus den untergeordneten Seiten der aktuellen Seite oder einer anderen Seite bestehen.
Die Liste kann mit einer Liste mit festen Elementen erstellt werden.
Tippen oder klicken Sie auf die Schaltfläche Hinzufügen, um ein neues Element in die Liste einzufügen.
Die Liste kann mithilfe der Ergebnisse einer Suche aus AEM-Inhalten erstellt werden.
Die Liste kann mithilfe von Seiten erstellt werden, die bestimmten Tags unter einem bestimmten Ort entsprechen.
Unabhängig davon, wie Sie die Liste erstellen, gibt es bestimmte Sortieroptionen, die immer definiert werden können.
Auf der Registerkarte Elementeinstellungen kann die Formatierung der Listenelemente konfiguriert werden.
Über das Dialogfeld „Design“ kann der Vorlagenautor festlegen, welche Listentypen für Inhaltsautoren erlaubt und welche Elementeinstellungen verfügbar sind.
Auf der Registerkarte Listeneinstellungen kann das Datumsformat sowie der Listentyp definiert werden, der in der Komponente den Inhaltsautoren zur Verfügung stehen soll.
Auf der Registerkarte Elementeinstellungen können die Formatierungsoptionen für die einzelnen Listenelemente definiert werden, die in der Komponente für die Inhaltsautoren verfügbar sein sollten.
Die aktuelle technische Dokumentation zur Listenkomponente finden Sie auf GitHub.
Das gesamte Kernkomponentenprojekt kann von GitHub heruntergeladen werden.
Weitere Informationen zur Entwicklung von Kernkomponenten finden Sie in der Dokumentation zu Kernkomponenten für Entwickler.