基于jquery封装的一个js分页

362 阅读 0 评论 239 点赞

我是靠谱客的博主自觉月饼，最近开发中收集的这篇文章主要介绍基于jquery封装的一个js分页，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
(function ($) { 
var PageFunc = function PageFunc() { } 
$.PageFunc = function (Total, PageSize, curPageNum, FunUrl) { 
if (PageSize == "" || PageSize == null || PageSize == undefined) { 
PageSize = 10; 
} 
if (curPageNum == "" || curPageNum == null || curPageNum == undefined) { 
curPageNum = 1; 
} 
//计算总页数 
Total = parseInt(Total); //总记录数 
PageSize = parseInt(PageSize); //每页显示数 
curPageNum = parseInt(curPageNum); //当前页 
//总页数 
var AllPage = Math.floor(Total / PageSize); 
if (Total % PageSize != 0) { 
AllPage++; 
} 

var navHtml = ""; 

if (curPageNum <= 0) 
curPageNum = 1; 
if (AllPage > 1) { 
if (curPageNum != 1) { 
//处理首页连接 
navHtml += "<span><a href="javascript：" + FunUrl + "('1')" >|<</a></span>  "; 
} 
if (curPageNum > 1) { 
//处理上一页的连接 
navHtml += "<span><a href="javascript：" + FunUrl + "('" + (curPageNum - 1) + "')" ><<</a></span>  "; 
} 
else { 
navHtml += "<span class="disabled"><<</span>  "; 
} 

var currint = 5; 
for (var i = 0; i <= 10; i++) { 
//一共最多显示10个页码，前面5个，后面5个 
if ((curPageNum + i - currint) >= 1 && (curPageNum + i - currint) <= AllPage) 
if (currint == i) { 
//当前页处理 
navHtml += "<span lass="current">[" + curPageNum + "]</span>  "; 
} 
else { 
//一般页处理 
var n = curPageNum + i - currint; 
navHtml += "<a href="javascript：" + FunUrl + "('" + (parseInt(n)) + "')">" + n + "</a>  "; 
} 
} 
if (curPageNum < AllPage) { 
//处理下一页的链接 
navHtml += "<span><a href="javascript：" + FunUrl + "('" + (parseInt(curPageNum) + 1) + "')">>></a></span>  "; 
} 
else { 
navHtml += "<span class="disabled">>></span>  "; 
} 

if (curPageNum != AllPage) { 
navHtml += "<span><a href="javascript：" + FunUrl + "('" + AllPage + "')" >>|</a></span>  "; 
} 

} 

navHtml += "<span>[" + curPageNum + "/" + AllPage + "]</span>  "; 

return navHtml; 

}; 

})(jQuery); 

下边是调用方法：

复制代码代码如下:

 
function QueryList(curpage) { 
if (curpage == "" || curpage == null || curpage == undefined) { 
curpage = 1; 
} 
var pagesize = 10; 

var Countys = $("#Countys").val(); //县 
var enddate = $("#enddate").val(); //结束时间 
var begindate = $("#begindate").val(); //开始时间 
$.ajax({ 
url: "", 
type: "POST", 
data: { "Countys": Countys, "enddate": enddate, "begindate": begindate, "curpage": curpage, "pagesize": pagesize }, 
dataType: "json", 
error: function (xhr, status, errMsg) { window.location.href = "/CommonError/index/" + errMsg.code + "?txt=" + errMsg.msg; }, 
success: function (mydata) { 
var str = ""; 
$.each(mydata.Tdata, function (i, item) { 

str += "<tr>" 
str += "<td>" + $.FormatDateTime(item.ControlBeginTime, false) + "</td>"; 
str += "<td>" + $.FormatDateTime(item.ControlEndTime, false) + "</td>"; 
str += "<td>" + item.Name + "</td>"; 
str += "<td>" + item.PlateNumber + "</td>"; 
str += "<td>" + item.ControlDept + "</td>"; 
if (item.IsAll == "0") { 
str += "<td>全县布控</td>"; 
} 
else { 
str += "<td>按卡口点布控</td>"; 
} 
str += "<td>" + item.IsAll == "0" ? "全县布控" : "按卡口点布控" + "</td>"; 
str += "<td>修改</td>"; 
str += "<td>删除</td>"; 
str += "<td>详细</td>"; 
str + "</tr>"; 
}); 

$("#srh_rslt tbody").html(str); 

$(".pagination").html($.PageFunc(mydata.total, pagesize, curpage, "QueryList")); 
} 
}); 
} 