Component List list-component
De component van de Lijst van de Component van de Kern staat voor de gemakkelijke verwezenlijking van dynamische en statische lijsten toe.
Gebruik usage
De component List kan worden gebruikt om bijvoorbeeld een dynamische lijst met onderliggende pagina's of een statische lijst met willekeurig gedefinieerde items te maken. Het type van beschikbare lijsten en het formatteren opties kunnen door de malplaatjeauteur in de ontwerpdialoogworden bepaald. De inhoudsredacteur kan uit beschikbare lijsttypes selecteren en hoe te om de lijstelementen in uit te maken uitgeeft dialoog.
Versie en compatibiliteit version-and-compatibility
De huidige versie van de component List is v4, die in februari 2023 is geïntroduceerd met release 2.22.0 van de Core Components, en die in dit document wordt beschreven.
In de volgende tabel staan alle ondersteunde versies van de component, de AEM versies waarmee de versies van de component compatibel zijn en koppelingen naar documentatie voor vorige versies.
Voor meer informatie over de versies en versies van de Component van de Kern, zie de Versies van de Componenten van de Document Kern.
Omleiding in lijsten redirects
Wanneer een pagina een omleidingsdoel heeft (ongeacht of deze naar een externe URL of naar een andere AEM pagina verwijst), dan een lijst die koppelingen naar dat punt rechtstreeks naar de URL van het omleidingsdoel bevat.
Voorbeeld redirect-example
- Maak een pagina A die wordt omgeleid naar pagina B.
- Een pagina C maken die wordt omgeleid naar
https://aemcomponents.dev - Voeg op een pagina D een lijstcomponent in die pagina A en C bevat
- De respectievelijke koppelingen die worden gegenereerd, verwijzen vervolgens rechtstreeks naar pagina B en
https://aemcomponents.dev
Uitvoer van voorbeeldcomponent sample-component-output
Om de Component van de Lijst te ervaren evenals voorbeelden van zijn configuratieopties evenals HTML en output te zien JSON, bezoek de Bibliotheek van de Component.
Technische details technical-details
De recentste technische documentatie over de Component van de Lijst kan op GitHubworden gevonden.
De verdere details over het ontwikkelen van de Componenten van de Kern kunnen in de de ontwikkelaarsdocumentatie van de Componenten van de Kern worden gevonden.
Dialoogvenster Bewerken edit-dialog
In het dialoogvenster Bewerken kan de auteur van de inhoud de lijst en de lijstitems configureren.
Tabblad Lijstinstellingen list-settings-tab
De lijst kan op verschillende manieren worden samengesteld.
Ongeacht hoe de lijst wordt gebouwd, zijn er de Opties van de Soort en van identiteitskaartdie altijd kunnen worden gevormd.
Afhankelijk van de manier waarop de auteur van de inhoud ervoor kiest de lijst te maken, worden de aanvullende configuratieopties gewijzigd.
Onderliggende pagina's child-pages
De lijst kan van de kindpagina's van de huidige pagina of een andere pagina worden samengesteld.
-
Bovenliggende pagina
- De pagina waarvan de onderliggende pagina's de lijst moeten maken
- Leeg laten om de huidige pagina te gebruiken
-
kind-diepte
Hoeveel niveaus onderaan in de hiërarchie zouden moeten worden gebruikt
Vaste lijst fixed-list
De lijst kan worden samengesteld met behulp van een vaste lijst met items.
Tik of klik voeg knoop toe om een nieuw punt aan de lijst binnen te brengen.
-
In het gebied van de Verbinding gaat of
- Een volledig gekwalificeerde URL
- Een relatieve URL naar bestaande AEM-inhoud
- U kunt de Dialoog van de Selectie gebruiken om een punt van AEM te kiezen.
-
Op het gebied van de Tekst, ga de tekst in die voor de verbinding in de lijst zal tonen.
-
Schakel het selectievakje in als de koppeling moet worden geopend op een nieuw browsertabblad
Als er meer dan één item voor de lijst is gemaakt, kunt u de lijst rangschikken.
- Gebruik de sleepgreep om de items in de lijst opnieuw te rangschikken.
- Gebruik het prullenbakpictogram om items in de lijst te verwijderen.
Zoeken search-options
De lijst kan worden samengesteld met de resultaten van een zoekopdracht naar AEM inhoud.
-
vraag van het Onderzoek
De tekenreeks waarvoor een zoekopdracht in volledige tekst wordt uitgevoerd om de lijstelementen te genereren -
Onderzoek in
Waar de zoekopdracht moet worden uitgevoerd- Gebruik de Dialoog van de Selectie om de plaats in AEM te kiezen
- Huidige pagina gebruiken als deze leeg blijft
Tags tags
De lijst kan worden samengesteld met pagina's die overeenkomen met bepaalde codes onder een bepaalde locatie.
-
Bovenliggende pagina
Waar de tagovereenkomst moet beginnen- Gebruik de Dialoog van de Selectie om de plaats in AEM te kiezen
- Huidige pagina gebruiken als deze leeg blijft
-
Markeringen
Welke labels moeten worden aangepast- Gebruik doorbladert dialoog om de markeringen te selecteren
-
Gelijke
Bepaal welke soort overeenkomst een pagina zou moeten kwalificeren om in de lijst te worden opgenomen- om het even welke markering
- alle markeringen
Sorteeropties sort-options
Ongeacht hoe u de lijst maakt, zijn er bepaalde sorteeropties die altijd kunnen worden gedefinieerd.
-
Orde door
Hoe de elementen moeten worden geordend- Titel
- Laatste gewijzigde datum
-
de Orde van de Sortering
De volgorde waarin de items moeten worden geordend- oplopend
- dalend
-
Max Punten
Maximumaantal items dat in de lijst wordt weergegeven.- Laat leeg om alle items te retourneren.
-
identiteitskaart - Deze optie staat toe om het unieke herkenningsteken van de component in HTML en in de Laag van Gegevens te controleren.
- Als deze leeg blijft, wordt automatisch een unieke id voor u gegenereerd. U kunt deze vinden door de resulterende pagina te inspecteren.
- Als een id is opgegeven, is het de verantwoordelijkheid van de auteur om ervoor te zorgen dat deze uniek is.
- Het wijzigen van de id kan gevolgen hebben voor het bijhouden van CSS-, JS- en gegevenslagen.
Tabblad Iteminstellingen item-settings-tab
Met het tabblad Iteminstellingen kunt u de opmaak van de lijstelementen configureren.
- Punten van de Verbinding - de punten van de Verbinding met de overeenkomstige pagina
- toon Beschrijving - toon beschrijvingen van het verbindingspunt
- toon Datum - toon wijzigingsdatum van het verbindingspunt
- Vertoning als teaser - wanneer gecontroleerd, wordt het punt getoond als teaser
Tabblad Stijlen styles-tab-edit
De Component van de Lijst steunt het AEM Systeem van de Stijl..
Gebruik de vervolgkeuzelijst om de stijlen te selecteren die u op de component wilt toepassen. Selecties in het dialoogvenster Bewerken hebben hetzelfde effect als de selecties op de werkbalk van de component.
De stijlen moeten voor deze component in de ontwerpdialoogworden gevormd opdat het drop-down menu beschikbaar is.
Ontwerpdialoogvenster design-dialog
In het dialoogvenster Ontwerpen kan de sjabloonauteur definiëren welke typen lijsten zijn toegestaan aan de auteurs van de inhoud en de beschikbare iteminstellingen.
Lijstinstellingen list-settings
Op het lusje van de Montages van de Lijst, kan het datumformaat worden bepaald evenals welk type van lijsten in de component aan de inhoudsauteurs beschikbaar zouden moeten zijn.
{het plaatsen van de het ontwerpdialoog van de Component van 0} Lijst
- Formaat van de Datum
Formaat voor de weergave van de laatste wijzigingsdatum - maak kinderen onbruikbaar
Het lijsttype voor onderliggende items in de component uitschakelen - maak statisch onbruikbaar
Het type statische lijst in de component uitschakelen - maak onderzoek onbruikbaar
Het type zoeklijst in de component uitschakelen - maak markeringen onbruikbaar
Lijsttype van labels in de component uitschakelen
Iteminstellingen item-settings
Op het lusje van de Montages van het Punt, kunnen de het formatteren opties voor de individuele lijstelementen die in de component voor de inhoudsauteurs beschikbaar zouden moeten zijn worden bepaald.
- de punten van de Verbinding
Laat de optie van Punten van de Verbinding in toe uitgeven dialoog - toon beschrijvingen
Laat de optie van Beschrijvingen van de Show in toe uitgeven dialoog - toon datum
Laat de optie van de Datum van de Show in toe uitgeven dialoog
Tabblad Stijlen styles-tab
De Component van het Beeld steunt het AEM Systeem van de Stijl.
Gegevenslaag client-Adobe data-layer
De Component van de Lijst steunt de Gegevens van de Cliënt van de Adobe Laag.