//分页
$(document).on("click", ".pageBox>i", function () {
//当前页数
var activeDom = $(this).siblings(".pageFile").find(".active");
var nowPage = activeDom.html() * 1;
var allPage = activeDom.parents(".pageBox").attr("data-allPage") * 1;
var pageNum = 0;
if ($(this).attr("data-page") == "prev") {
//上一页
if (nowPage <= 1) { return false }
pageNum = nowPage - 1;
if (pageNum == (allPage - 1) && allPage > 10) {
activeDom.siblings(".noPage").prev().addClass("active");
} else {
activeDom.prev().addClass("active");
}
activeDom.removeClass("active");
} else {
//下一页
if (nowPage >= allPage) { return false; }
activeDom.removeClass("active");
pageNum = nowPage + 1;
if (pageNum == allPage) {
activeDom.siblings(".endPage").addClass("active");
} else {
activeDom.next().addClass("active");
}
}
var funName = $(this).attr("data-revelation");
window[funName](pageNum)
//pageStyle();
})
$(document).on("click", ".pageFile span", function () {
if ($(this).hasClass("active") || $(this).hasClass("noPage")) {
return false;
}
$(this).siblings(".active").removeClass("active");
$(this).addClass("active");
var clickPage = $(this).attr("data-index");
//点击页数
var funName = $(this).parents(".pageBox").attr("data-pageFun");
window[funName](clickPage);
//pageStyle();
})
/**
* 加载分页布局
* @param {any} pageIndex 当前页
* @param {any} totalPage 总页数
* @param {any} totalCount 总行数
*/
function LoadPageHtml(pageIndex, totalPage, totalCount) {
pageIndex = parseInt(pageIndex);
totalPage = parseInt(totalPage);
totalCount = parseInt(totalCount);
var pageUi = "";
$("#PageNum").html("");
if (totalCount == 0 | totalPage == 0) {
$("#PageNum").html("");
$(".pageFileBox").addClass("hide");
return false;
}
$("#reportCount").html(totalCount + "条");
$("#PageIndexDiv").attr("data-allpage", totalPage);
$(".pageFileBox").removeClass("hide");
var i = 1;
i = parseInt(i);
if (totalPage <= 5) {//总页数小于五页,则加载所有页
for (i; i <= totalPage; i++) {
if (i == pageIndex) {
pageUi += '<span class="active" data-index="' + i + '">' + i + '</span>';
} else {
pageUi += '<span class="" data-index="' + i + '">' + i + '</span>';
}
};
$("#PageNum").html(pageUi);
return false;
} else if (totalPage > 5) {//总页数大于五页,则加载五页
if (pageIndex < 5) {//当前页小于5,加载1-5页
for (i; i <= 5; i++) {
if (i == pageIndex) {
pageUi += '<span class="active" data-index="' + i + '">' + i + '</span>';
} else {
pageUi += '<span class="" data-index="' + i + '">' + i + '</span>';
}
};
if (pageIndex <= totalPage - 2) {//最后一页追加“...”代表省略的页
pageUi += '<i style="border-color:#fff;" class="noPage">..</i>';
}
pageUi += '<span class="" data-index="' + totalPage + '">' + totalPage + '</span>';
$("#PageNum").html(pageUi);
return false;
} else if (pageIndex >= 5) {//当前页大于5页
for (i; i <= 2; i++) {//1,2页码始终显示
pageUi += '<span data-index="' + i + '">' + i + '</span>';
}
pageUi += '<i style="border-color:#fff;" class="noPage">..</i>';//2页码后面用...代替部分未显示的页码
if (pageIndex + 1 == totalPage) {//当前页+1等于总页码(倒数第二页)
for (i = pageIndex - 3; i <= totalPage; i++) {//“...”后面跟三个页码当前页居中显示
if (i == pageIndex) {
pageUi += '<span class="active" data-index="' + i + '">' + i + '</span>';
} else {
pageUi += '<span data-index="' + i + '">' + i + '</span>';
}
}
} else if (pageIndex == totalPage) {//当前页数等于总页数则是最后一页页码显示在最后
for (i = pageIndex - 4; i <= totalPage; i++) {//...后面跟三个页码当前页居中显示
if (i == pageIndex) {
pageUi += '<span class="active" data-index="' + i + '">' + i + '</span>';
} else {
pageUi += '<span data-index="' + i + '">' + i + '</span>';
}
}
} else {//当前页小于总页数,则最后一页后面跟...
//4个一组
if (pageIndex <= totalPage - 4) {
for (var i = pageIndex - 1; i <= (pageIndex + 3); i++) {
if (i == pageIndex) {
pageUi += '<span class="active" data-index="' + i + '">' + i + '</span>';
}
else {
pageUi += '<span data-index="' + i + '">' + i + '</span>';
}
}
if (pageIndex != totalPage - 4) {
if (pageIndex + 3 <= totalPage - 1) {
pageUi += '<i style="border-color:#fff;" class="noPage">..</i>';
}
}
} else {
for (var i = (totalPage - 4); i < totalPage; i++) {
if (i == pageIndex) {
pageUi += '<span class="active" data-index="' + i + '">' + i + '</span>';
}
else {
pageUi += '<span data-index="' + i + '">' + i + '</span>';
}
}
}
//最后一页
pageUi += '<span data-index="' + totalPage + '">' + totalPage + '</span>';
}
$("#PageNum").html(pageUi);
return false;
}
}
}
/**
* 上一页、下一页
* @param {any} pageNum
*/
function prevPage(pageNum) {
g_curPage = pageNum;
LoadDataByPage(g_curPage);
}
/**
* 点击当前页
* @param {any} pageNum
*/
function pageClick(pageNum) {
g_curPage = pageNum;
LoadDataByPage(g_curPage);
}
/**
* 改变分页大小
* @param {any} size
*/
function ChangePageSize(size) {
if (size == 0) {
size = $("#reportCount").attr("total");
}
g_pageSize = size;
g_curPage = 1;
LoadDataByPage(g_curPage);
}