← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-paginated-list
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
autoScroll |
boolean |
✅ | - | автоматически прокручивает список до конца |
createNodes |
(data: unknown[]) |
✅ | - | Создание узлов |
emptyListLabel |
string |
✅ | - | надпись, отображаемая при пустом списке |
fetchData |
(timestamp: number, size: number, reversed: boolean) |
✅ | - | Получение данных |
iconPack |
IconPack |
❌ | defaultIconPack |
Набор значков |
pageSize |
number |
✅ | - | Размер страницы |
pagesAllowed |
number |
✅ | - | Количество страниц, которые разрешено показывать |
rerenderList |
() |
✅ | - | Повторная отрисовка списка с пагинацией |
reset |
(timestamp?: number) |
❌ | - | Сбрасывает список с пагинацией до указанной метки времени |
t |
RtkI18n |
❌ | useLanguage() |
Язык |
Примеры использования
Базовое использование
<rtk-paginated-list></rtk-paginated-list>Со свойствами
<rtk-paginated-list
emptyListLabel="example">
</rtk-paginated-list><script>
const el = document.querySelector("rtk-paginated-list");
el.autoScroll= true;
el.createNodes= [];
</script>