Инструкция по использованию easypage

Введение:

При работе над проектами мы часто сталкиваемся с необходимостью использования пагинации; автор также использовал множество плагинов для пагинации. При более внимательном рассмотрении можно заметить, что основной функцией пагинационных плагинов является предоставление базовых возможностей пагинации: переход на предыдущую страницу, следующую страницу, отображение промежуточных номеров страниц, перемещение на указанную страницу, отображение информации о пагинации (текущий номер страницы, общее количество страниц, общее количество записей, размер страниц) и передача данных пагинации серверу. Исходя из этого, автор решил создать плагин, сосредоточенный именно на этих ключевых функциях пагинации. Это обеспечивает большую универсальность по сравнению с другими JavaScript-плагинами для пагинации. Так родился easypage! Его цель — сделать работу с пагинацией максимально простой!

Обновление:

Обновление от 31.08.2018. Данное обновление обратно совместимо со старыми версиями. Основное обновление затронуло jquery.easypage.js. Для пользователей достаточно скачать новый файл и заменить им существующий. Новое обновление включает следующие возможности:

1. Возможность перехода на указанную страницу;
2. Возможность настройки названий параметров пагинации.### Раздел I. Применение easypage в проектах Добавьте CSS и JS файлы:

<link href="css/skins/jquery.easypage.css" rel="stylesheet" type="text/css"/>
<script language="JavaScript" src="jquery.easypage.js"></script>

Раздел II. Вызов методов

var tableList = $(".pagin").page({
                    prefix:'cc', // Префикс для разделения нескольких пагинаций
                    // Адрес вызова действия пагинации
                    url:'repairPackageAction!list.huzd',
                    // Настройка параметров пагинации (необязательный параметр)
                    page:{'size':'page.pageSize','records':'page.totalRecords','current':'page.currentPage','pages':'page.totalPages'},
                    // По умолчанию количество записей на одной странице
                    pageSize:[10,5,20,30],
                    // Кнопка для выполнения запроса
                    queryBtn:'queryBtn',
                    // Метод сбора параметров
                    param:getQueryParam,
                    // Функция обратного вызова для заполнения таблицы данными
                    fillTable:fillTable
});
// Добавлен метод обновления
tableList.refresh();
// Автоматическое обновление текущей таблицы!

Дополнительные подробности использования доступны здесь: Подробная инструкция

III. План последующего развития:

1. Добавление выпадающего меню для изменения количества записей на странице (выполнено);
2. Добавление как минимум двух вариантов стилей пагинации (50%);
3. Возможность пользователей задавать свои параметры передачи данных с сервера (выполнено);
4. Добавление возможности перехода на конкретную страницу (выполнено).