Это плагин для разбивки на страницы, реализованный на JavaScript и основанный на Bootstrap. Он отличается высокой детализацией и компактностью. Вам не нужно полагаться на сторонние библиотеки — достаточно простой ссылки для динамического отображения компонента разбивки на страницы Bootstrap.
Скачайте приложение. Скопируйте файл dist/bootstrapPager.js в каталог вашего проекта, например, в папку js. Добавьте ссылку на этот файл JavaScript на вашей странице:
<script type="text/javascript" src="~/js/bootstrapPager.js"></script>
Базовый метод использования
document.write(Pager({
totalCount:150 //общее количество элементов равно 150
}));
Вот так просто!
Расширенный метод использования
document.write(Pager({
totalCount:150, //общее количество элементов равно 150
pageSize:6, //по 6 элементов на странице, по умолчанию 10
buttonSize:6, //6 кнопок, по умолчанию 10
pageParam:'p', //имя параметра страницы — 'p', по умолчанию — 'page'
className:'pagination', //стиль разбивки на страницы
prevButton:'上一页', //кнопка «предыдущая страница»
nextButton:'下一页', //кнопка «следующая страница»
firstButton:'首页', //кнопка «первая страница»
lastButton:'末页', //кнопка «последняя страница»
}));
Также можно использовать встроенные методы:
document.write('значение параметра page в URL: '+Pager.getParam('page'));
document.write('адрес после замены значения параметра page на 3: '+Pager.replaceUrl('page',3));
/**
*получение строки HTML для отображения разбивки на страницы
*@Param options json-объект со свойствами:
* totalCount — общее количество элементов
* pageSize — количество элементов на одной странице, по умолчанию 10
* buttonSize — количество кнопок, по умолчанию 10
* pageParam — имя параметра страницы, по умолчанию 'page'
* className — стиль разбивки на страницы, по умолчанию 'pagination'
* prevButton — кнопка «предыдущая страница», по умолчанию <<
* nextButton — кнопка «следующая страница», по умолчанию >>
* firstButton — кнопка «первая страница», по умолчанию не отображается
* lastButton — кнопка «последняя страница», по умолчанию не отображается
**/
function Pager(options);
/**
*получить параметр URL
*@Parame name — имя необходимого параметра
**/
function Pager.getParam(name);
/**
*заменить значение параметра URL
*@Parame name — имя заменяемого параметра
*@Parame value — новое значение параметра
**/
function Pager.replaceUrl(name,value);
Hylun Blog
Copyright (c) 2017 Hylun
BootstrapPager доступен под лицензией MIT. Для получения дополнительной информации см. файл LICENSE.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )