Komponent Pagination slúži na zobrazenie stránkovania v aplikáciách. Umožňuje používateľom navigovať medzi rôznymi stránkami obsahu a zlepšuje tak používateľskú skúsenosť pri prehliadaní veľkého množstva údajov.
Max pages
Použite wje-pagination, keď používateľ zadáva hodnotu, vyberá možnosti alebo vykonáva akciu vo formulári.
Nepoužívajte ho len ako vizuálny dekoratívny prvok bez interakcie. V takom prípade uprednostnite prezentačné komponenty.
Vždy prepojte komponent s popisom (label/aria-label), zachovajte ovládanie klávesnicou a pri validačných chybách zobrazte zrozumiteľnú správu.
Odporúčané postupy
- Majte jednotné validačné pravidlá a error stavy naprieč celým formulárom.
- Pri asynchrónnych operáciách zobrazte stav načítania alebo disabled stav.
- Pri zložitých formulároch preferujte menšie sekcie a okamžitú spätnú väzbu.
page
| Popis | Nastavuje číselnú hodnotu používanú vo voľbe page. |
| Atribút | page |
| Typ | number |
| Predvolené | - |
| Popis | Nastavuje číselnú hodnotu používanú vo voľbe total-items. |
| Atribút | total-items |
| Typ | number |
| Predvolené | - |
pageSize
| Popis | Nastavuje rozmery alebo veľkosť pre voľbu page-size. |
| Atribút | page-size |
| Typ | number |
| Predvolené | - |
| Názov | Popis |
|---|
wje-pagination:page-change | Vyvolá sa pri zmene stavu komponentu. |
| Popis | Vytvorí HTML štruktúru pre html pagination. |
| Signatúra | () => DocumentFragment |
| Popis | Vytvorí HTML štruktúru pre html stack buttons. |
| Signatúra | (paginateObj: object) => DocumentFragment |
| Názov | Popis |
|---|
native | Štýluje koreňovú shadow časť komponentu. |
Pre tento komponent nie s ú dostupné žiadne vlastné CSS vlastnosti.
Pre tento komponent nie sú dostupné žiadne sloty.