Paginering
De paginatie-widget gebruikt het aangepaste element <devsite-pagination> om gepagineerde inhoud weer te geven of om de hoeveelheid weergegeven inhoud te wijzigen.
Algemeen gebruik
In het volgende voorbeeld wordt het aangepaste element <devsite-pagination> gebruikt om een container op te geven dat vier <div> -elementen per pagina pagineert.
Afd. 1
Afd. 2
Afd. 3
Afd. 4
Afd 5
Afd 6
Afd. 7
Afd. 8
Afd. 9
Afd. 10
Afd. 11
Div 12
Afd. 13
Div 14
Div 15
Meerdere HTML-elementen
In het volgende voorbeeld wordt het aangepaste element <devsite-pagination> gebruikt om een container op te geven dat zowel <p> als <div> -elementen in dezelfde container pagineert.
Dit is lid 1.
Dit is lid 2.
Dit is lid 3.
Dit is lid 4.
Dit is lid 5.
Dit is paragraaf 6.
Dit is afdeling 1.
Dit is afd 2.
Dit is afd 3.
Dit is div 4.
Dit is div 5.
Dit is afd 6.
In het volgende voorbeeld wordt het aangepaste element <devsite-pagination> gebruikt om een container op te geven dat acht initiële <div> -elementen laadt en kan worden geschakeld om More weer te geven.
Afd. 1
Afd. 2
Afd. 3
Afd. 4
Afd 5
Afd 6
Afd. 7
Afd. 8
Afd. 9
Afd. 10
Afd. 11
Div 12
Afd. 13
Div 14
Div 15
Start-uitbreiden
In het volgende voorbeeld wordt het aangepaste element <devsite-pagination> gebruikt om een container op te geven met een attribuut start-expanded dat alle <div> -elementen laadt en kan worden omgeschakeld om Less weer te geven.
Afd. 1
Afd. 2
Afd. 3
Afd. 4
Afd 5
Afd 6
Afd. 7
Afd. 8
Afd. 9
Afd. 10
Afd. 11
Div 12
Afd. 13
Div 14
Div 15
Tenzij anders vermeld, is de content op deze pagina gelicentieerd onder de Creative Commons Attribution 4.0-licentie en zijn codevoorbeelden gelicentieerd onder de Apache 2.0-licentie. Voor meer informatie raadpleegt u het Google Developers-sitebeleid. Java is een gedeponeerd handelsmerk van Oracle en/of diens aangesloten entiteiten.
Last updated 2022-04-01 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2022-04-01 UTC."],[],[]]
