http://jqpaginator.keenwon.com/
https://www.cnblogs.com/yaowan/p/8742891.html
使用说明:
1.加载必要文件,由官网可下载必要文件
引入bootstrap.min.css,jqPaginator.js
2.
var pageoneSearch = ''; // 总数
var dataObjSearch = { // 定义一个data传输的对象"page": 1, // 初始化第一页
"rows": 40 // 每页记录数
}
//分页方法
function loadpageSearch() {
$.jqPaginator('#paginationSearch', {
totalCounts: pageoneSearch,//总条数
pageSize: 40,//每页最大条数
visiblePages: 10, // 设置最多显示的页码数
currentPage: dataObjSearch.page, // 设置当前的页码
wrapper: '<ul class="pagination"></ul>',
first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',
prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
onPageChange: function(num) {
console.log("numsearch=" + num);
dataObjSearch.page = num; // 点击分页时更换page的值
loadcancelSearch(dataObjSearch); // 重新执行ajax请求,传入页码值
}
});
}