快捷導(dǎo)航

基于jquery封裝的一個(gè)js分頁(yè)

更新時(shí)間：2011年11月15日 18:34:37 作者：

基于jquery封裝的一個(gè)js分頁(yè)代碼，需要的朋友可以參考下。

 
(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; 
} 
//計(jì)算總頁(yè)數(shù) 
Total = parseInt(Total); //總記錄數(shù) 
PageSize = parseInt(PageSize); //每頁(yè)顯示數(shù) 
curPageNum = parseInt(curPageNum); //當(dāng)前頁(yè) 
//總頁(yè)數(shù) 
var AllPage = Math.floor(Total / PageSize); 
if (Total % PageSize != 0) { 
AllPage++; 
} 

var navHtml = ""; 

if (curPageNum <= 0) 
curPageNum = 1; 
if (AllPage > 1) { 
if (curPageNum != 1) { 
//處理首頁(yè)連接 
navHtml += "<span><a href=\"javascript:" + FunUrl + "('1')\" >|<</a></span>&nbsp;&nbsp;"; 
} 
if (curPageNum > 1) { 
//處理上一頁(yè)的連接 
navHtml += "<span><a href=\"javascript:" + FunUrl + "('" + (curPageNum - 1) + "')\" ><<</a></span>&nbsp;&nbsp;"; 
} 
else { 
navHtml += "<span class=\"disabled\"><<</span>&nbsp;&nbsp;"; 
} 

var currint = 5; 
for (var i = 0; i <= 10; i++) { 
//一共最多顯示10個(gè)頁(yè)碼，前面5個(gè)，后面5個(gè) 
if ((curPageNum + i - currint) >= 1 && (curPageNum + i - currint) <= AllPage) 
if (currint == i) { 
//當(dāng)前頁(yè)處理 
navHtml += "<span lass=\"current\">[" + curPageNum + "]</span>&nbsp;&nbsp;"; 
} 
else { 
//一般頁(yè)處理 
var n = curPageNum + i - currint; 
navHtml += "<a href=\"javascript:" + FunUrl + "('" + (parseInt(n)) + "')\">" + n + "</a>&nbsp;&nbsp;"; 
} 
} 
if (curPageNum < AllPage) { 
//處理下一頁(yè)的鏈接 
navHtml += "<span><a href=\"javascript:" + FunUrl + "('" + (parseInt(curPageNum) + 1) + "')\">>></a></span>&nbsp;&nbsp;"; 
} 
else { 
navHtml += "<span class=\"disabled\">>></span>&nbsp;&nbsp;"; 
} 

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

} 

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

return navHtml; 

}; 

})(jQuery); 

下邊是調(diào)用方法：

復(fù)制代碼代碼如下:

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

var Countys = $("#Countys").val(); //縣 
var enddate = $("#enddate").val(); //結(jié)束時(shí)間 
var begindate = $("#begindate").val(); //開(kāi)始時(shí)間 
$.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>按卡口點(diǎn)布控</td>"; 
} 
str += "<td>" + item.IsAll == "0" ? "全縣布控" : "按卡口點(diǎn)布控" + "</td>"; 
str += "<td>修改</td>"; 
str += "<td>刪除</td>"; 
str += "<td>詳細(xì)</td>"; 
str + "</tr>"; 
}); 

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

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