← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-paginated-list
Vlastnosti
| Vlastnost | Typ | Povinné | Výchozí | Popis |
|---|---|---|---|---|
autoScroll |
boolean |
✅ | - | automatické posouvání seznamu na konec |
createNodes |
(data: unknown[]) |
✅ | - | Vytváření uzlů |
emptyListLabel |
string |
✅ | - | popisek, který se zobrazí, když je prázdné |
fetchData |
(timestamp: number, size: number, reversed: boolean) |
✅ | - | Načtení dat |
iconPack |
IconPack |
❌ | defaultIconPack |
Sada ikon |
pageSize |
number |
✅ | - | Velikost stránky |
pagesAllowed |
number |
✅ | - | Počet stránek, které lze zobrazit |
rerenderList |
() |
✅ | - | Překreslit stránkovaný seznam |
reset |
(timestamp?: number) |
❌ | - | Resetuje stránkovaný seznam na zadané časové razítko |
t |
RtkI18n |
❌ | useLanguage() |
Jazyk |
Příklady použití
Základní použití
<rtk-paginated-list></rtk-paginated-list>S vlastnostmi
<rtk-paginated-list
emptyListLabel="example">
</rtk-paginated-list><script>
const el = document.querySelector("rtk-paginated-list");
el.autoScroll= true;
el.createNodes= [];
</script>