文章仅限于工作中用到作为文档记录,也可直接参考layer 的分页模式。
1、paging.js
/**
* 分页
*
* @param pagesize
* 每页记录数
* @param pageindex
* 当前页数
* @param rowcount
* 记录总数
* @returns
*/
var rowcount = 0;
var jumpIndex = 1;// 当前跳转的页码数
var reBind = new function() {
};
function paging(pagesize, pageindex) {
jumpIndex = pageindex;
reBind();
var pagecount = parseInt(rowcount / pagesize);
if (rowcount % pagesize > 0) {
pagecount += 1;
}
if (pagecount == 0) {
pagecount = 1;// 总页数
}
var begin = pagesize * (pageindex - 1);
// content = [];
// for (i = 0; i < pagesize; i++) {
//
// if ((begin + i) >= rowcount) {
// break;
// }
// content.push(allData[i + begin]);
//
// }
var pageHtml = "";
// 首页
if (pageindex == 1) {
pageHtml += "<li class=\"disabled\"><a href=\"javascript:void(0);\" style=\"height:32px;padding-top: 7px;\"><i class=\"fa fa-angle-double-left\"></i></a></li>"
pageHtml += "<li class=\"disabled\"><a href=\"javascript:void(0);\" style=\"height:32px;padding-top: 7px;\"><i class=\"fa fa-angle-left\"></i></a></li>"
} else {
pageHtml += "<li><a href=\"javascript:paging("
+ pagesize
+ ","
+ 1
+ ");\" style=\"height:32px;padding-top: 7px;\"><i class=\"fa fa-angle-double-left\"></i></a></li>"
pageHtml += "<li><a href=\"javascript:paging("
+ pagesize
+ ","
+ (pageindex - 1)
+ ");\" style=\"height:32px;padding-top: 7px;\"><