Paginare
Widgetul de paginare folosește elementul personalizat <devsite-pagination>
pentru a afișa conținut paginat sau pentru a comuta cantitatea de conținut afișată.
Utilizare generală
Următorul exemplu utilizează elementul personalizat <devsite-pagination>
pentru a specifica un element container
care paginează patru elemente <div>
pe pagină.
Div 1
Div 2
Div 3
Div 4
Div 5
Div 6
Div 7
Div 8
Div 9
Div 10
Div 11
Div 12
Div 13
Div 14
Div 15
Mai multe elemente HTML
Următorul exemplu utilizează elementul personalizat <devsite-pagination>
pentru a specifica un element container
care paginează ambele elemente <p>
și <div>
în același container.
Acesta este paragraful 1.
Acesta este paragraful 2.
Acesta este paragraful 3.
Acesta este paragraful 4.
Acesta este paragraful 5.
Acesta este paragraful 6.
Aceasta este div 1.
Aceasta este div 2.
Aceasta este div 3.
Aceasta este div 4.
Aceasta este div 5.
Aceasta este div 6.
Următorul exemplu utilizează elementul personalizat <devsite-pagination>
pentru a specifica un element container
care încarcă opt elemente <div>
inițiale și poate fi comutat pentru a afișa Mai multe .
Div 1
Div 2
Div 3
Div 4
Div 5
Div 6
Div 7
Div 8
Div 9
Div 10
Div 11
Div 12
Div 13
Div 14
Div 15
Începe-extinde
Următorul exemplu utilizează elementul personalizat <devsite-pagination>
pentru a specifica un element container
cu un atribut start-expanded
care încarcă toate elementele <div>
și poate fi comutat pentru a afișa Less .
Div 1
Div 2
Div 3
Div 4
Div 5
Div 6
Div 7
Div 8
Div 9
Div 10
Div 11
Div 12
Div 13
Div 14
Div 15
Cu excepția cazului în care se specifică altfel, conținutul acestei pagini este licențiat sub licența Creative Commons Attribution 4.0, iar exemplele de cod sunt licențiate sub licența Apache 2.0. Pentru detalii, accesați politicile site-ului Google Developers. Java este o marcă comercială înregistrată a Oracle și/sau a afiliaților săi.
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."],[],[]]