1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/hylun-BootstrapPager

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
readme-CN.md 4.5 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 26.11.2024 02:54 d470660

Изящный плагин для разбивки на страницы с использованием Bootstrap

Это плагин для разбивки на страницы, реализованный на JavaScript и основанный на Bootstrap. Он отличается высокой детализацией и компактностью. Вам не нужно полагаться на сторонние библиотеки — достаточно простой ссылки для динамического отображения компонента разбивки на страницы Bootstrap.

Стили

  • Bootstrap (версия 3.0 или более поздняя).

Использование

Скачайте приложение. Скопируйте файл 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));

API

/**
*получение строки 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 & License

Copyright (c) 2017 Hylun

BootstrapPager доступен под лицензией MIT. Для получения дополнительной информации см. файл LICENSE.

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/hylun-BootstrapPager.git
git@api.gitlife.ru:oschina-mirror/hylun-BootstrapPager.git
oschina-mirror
hylun-BootstrapPager
hylun-BootstrapPager
master