Загрузка плагина Paginator Paginator Paginator
Скачать проект Visit в GitHub
1. Это функция JS, которая должна быть размещена на странице, которая должна быть на странице.
<span style = "font-size: 14px;"> function paging (page) {$ .ajax ({type: "get", url: "$ {ctx}/api/v1/user/1/"+(page-1)+"/5", dataType: "json", успех: function (msg) {...... // omit (Query Out Data); $ .ajax ({type: «get», url: «$ {ctx}/api/v1/user/count/1», dataType: "json", успех: функция (msg) {var pages = math.ceil (msg.data/5); // Общая сумма данных в данных var = var = $ ('##page#pageul'); Bootstrapmajorversion: 3, CurrentPage: Page, // Текущая страница номер: 5, // Отображаются несколько кнопок на странице (5 LIS генерируются в UL). } </span>страница:
<span style = "font-size: 14px;"> <ul id = "pageul"> </ul> </span>
*Он автоматически генерируется в LI
2. Самая важная и основная вещь-это изменить исходный файл Bootstrap-paginator.js самостоятельно следующим образом:
<span style = "font-size: 14px;"> onpageclicked: function (событие, OriginaleVent, Type, Page) {// Показать соответствующую страницу и получить вновь построенный элемент, связанный со страницей, нажатым ранее для события return vareTarget = $ (event.currentTarget); Switch (type) {case "First": currentTarget.bootStrappaginator ("showfirst"); пейджинг (страница); перерыв; // предыдущая страница "Prev": currentTarget.bootStrappaginator ("ShowPrevious"); пейджинг (страница); перерыв; Case "Next": currentTarget.bootStrappaginator ("sensuext"); пейджинг (страница); перерыв; Case "Last": currentTarget.bootstrappaginator ("showlast"); пейджинг (страница); перерыв; Case "Page": currentTarget.bootStrappaginator ("Show", Page); пейджинг (страница); перерыв; }}, </span>*Позвоните в метод страницы (страница) после того, как стиль страницы, который вы нажали. Параметры в исходном файле страницы здесь уже доступны, поэтому передайте их напрямую!
Эффект: Когда стиль изменяется, напрямую используйте значение страницы элемента управления для отправки запроса AJAX! Наконец, внедренная страница без обновления реализована.
Выше приведено соответствующие знания, представленные редактором для объединения подключаемого модуля Paginator Paginator с AJAX для достижения динамического эффекта свободного обновления. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!