Stránkovanie

Miniaplikácia stránkovania používa vlastný prvok <devsite-pagination> na zobrazenie stránkovaného obsahu alebo prepínanie množstva zobrazeného obsahu.

Všeobecné použitie

Nasledujúci príklad používa vlastný prvok <devsite-pagination> na určenie prvku container , ktorý stránkuje štyri prvky <div> na stránku.

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

Viaceré prvky HTML

Nasledujúci príklad používa vlastný prvok <devsite-pagination> na zadanie prvku container , ktorý stránkuje prvky <p> aj <div> v rovnakom kontajneri.

Toto je odsek 1.

Toto je odsek 2.

Toto je odsek 3.

Toto je odsek 4.

Toto je odsek 5.

Toto je odsek 6.

Toto je div 1.
Toto je div 2.
Toto je div 3.
Toto je divízia 4.
Toto je divízia 5.
Toto je divízia 6.

Používateľské rozhranie tlačidiel

V nasledujúcom príklade sa používa vlastný prvok <devsite-pagination> na určenie prvku container , ktorý načítava osem počiatočných prvkov <div> a možno ho prepnúť na zobrazenie Viac .

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

Štart-rozbaliť

V nasledujúcom príklade sa používa vlastný prvok <devsite-pagination> na určenie prvku container s atribútom start-expanded , ktorý načítava všetky prvky <div> a možno ho prepnúť na zobrazenie Menej .

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