Динамическое Разбиение На Страницы
Создать JavaScript на основе использования paginations Пагинация компонент.
Динамическое разбиение на страницы компонента будет автоматически рассчитать страниц в зависимости от предложенных вариантов. Это полезно, например, для AJAX питанием списковых представлениях, где вам нужно вызвать событие загрузить новые элементы динамически.
Использование
Для установки этого компонента, просто добавьте data-uk-pagination
атрибут <ul>
элемент с .uk-pagination
класс.
Пример
Разметки
<ul class="uk-pagination" data-uk-pagination="{items:100, itemsOnPage:10}"></ul>
JavaScript варианты
Вариант | Возможное значение | По умолчанию | Описание |
---|---|---|---|
items |
integer | 1 | Общее число элементов, которые будут использоваться для расчета страниц. |
itemsOnPage |
integer | 1 | Число элементов, отображаемых на каждой странице. |
pages |
integer | 0 | Если указано, то элементы и itemsOnPage не будет использована для вычисления количества страниц |
displayedPages |
integer | 3 | Сколько номера страниц должны быть видны во время навигации. |
edges |
integer | 3 | Сколько номера страниц видны на начало/окончание пагинации. |
currentPage |
integer | 0 | Какая страница будет выбран сразу после инициализации. |
События
Название | Параметр | Описание |
---|---|---|
select.uk.pagination |
event, pageIndex, pagination object | На странице кнопку |
Разбиение на страницы компонента инициирует uk-select-page
событие каждый раз, когда вы нажимаете на странице.
$('[data-uk-pagination]').on('select.uk.pagination', function(e, pageIndex){
alert('You have selected page: ' + (pageIndex+1));
});
Инициализации элементов вручную
var pagination = UIkit.pagination(element, { /* options */ });