/// <reference path="jquery-1.4.2.min.js" />
/// <reference path="jquery.setapp.js" />
//By:jouyang 2011-7-27
//ajaxPageIndex 当前页数
//ajaxPageSize 每页数量
//ajaxPageCount 总条数
//Depfunction 回调函数
$.fn.extend({
GetAjaxPage: function (ajaxPageIndex, ajaxPageSize, ajaxPageCount, Depfunction) {
var objthis = this;
//总共页数
var rowsCount = 1;
if (ajaxPageCount > 0) {
if (ajaxPageCount % ajaxPageSize > 0)
rowsCount = parseInt(ajaxPageCount / ajaxPageSize) + 1;
else
rowsCount = parseInt(ajaxPageCount / ajaxPageSize);
}
var start = 1; //开始列
var end = 10; //结束列
if (rowsCount < end)
end = rowsCount;
else {
start = (ajaxPageIndex > 5) ? ajaxPageIndex - 5 : start;
var result = (start + 9) - rowsCount; //是否超过最后面的页数
if (result > 0) {
end = rowsCount;
start -= result; //超过后,补差
}
else
end = start + 9;
}
//当前下一页为最后页则取最后一页的值
var strHtml = [];
strHtml.push(String.format("<div class=\"scott\"><span class=\"disabled\" >共{0}条 当前第{1}/{2}页</span>", ajaxPageCount, ajaxPageIndex, rowsCount));
if (ajaxPageIndex > 1)
strHtml.push("<a href=\"#\">首页</a><a href=\"#\">上一页</a>");
else
strHtml.push("<span class=\"disabled\">首页</span><span class=\"disabled\">上一页</span>");
for (var i = start; i <= end; i++) {
if (i == ajaxPageIndex)
strHtml.push(String.format("<span class=\"current\">{0}</span>",i));
else
strHtml.push(String.format("<a href=\"#\">{0}</a>",i));
}
if (ajaxPageIndex == rowsCount)
strHtml.push("<span class=\"disabled\">下一页</span><span class=\"disabled\">尾页</span></div>");
else
strHtml.push("<a href=\"#\">下一页</a><a href=\"#\">尾页</a></div>");
$(objthis).html(strHtml.join(""));
$(".scott a").click(function (e) {
e.preventDefault();
var index = $(this).html();
if (index == "首页") {
if (typeof (Depfunction) == "function") Depfunction(1);
}
else if (index == "尾页") {
if (typeof (Depfunction) == "function") Depfunction(rowsCount);
}
else if (index == "下一页") {
if (typeof (Depfunction) == "function") Depfunction(ajaxPageIndex + 1);
}
else if (index == "上一页") {
if (typeof (Depfunction) == "function") Depfunction(ajaxPageIndex - 1);
}
else {
if (typeof (Depfunction) == "function") {
Depfunction(index);
}
}
});
}
});
jquery 分页控件
最新推荐文章于 2021-10-13 16:15:55 发布