jquery插件

;(function($){
/**
* 定义分页插件
*/
$.fn.pagination=function(options){ // 定义插件的名字pagination

$.fn.pagination.defaults={
'currentPage':'current',//当前页样式
'rowCount':200,//总记录数
'pageSize':10,//每页记录数
'showPageNum':10,//大于0的数
'pageNum':0,//总页数
'pageNo':1,//显示第几页
'showPreTag':true,//是否显示前置标签
'preTagHandler':'page_(this)',//前置标签处理函数
'pageHandler':'page_(this)',//翻页
'showGO':true,//是否显示输入页码框
'goHandler':'page_(this)',//当showGO为true时,该值必须指定
'showRowCount':true
};
var options=$.extend($.fn.pagination.defaults,options);
// alert(options.rowCount);
var htmlStr = "";

if(options.rowCount<=0){
return null;
}
htmlStr += "<div class=\"pager\">";
if(options.showRowCount){
htmlStr += "<span class=\"\">共" + options.rowCount + "条</span>\r\n";
htmlStr += "<span class=\"\">共" + options.pageNum + "页</span>\r\n";
}

if(options.pageNum==1){
// 只有一页
if(options.showPreTag){
htmlStr += "<span class=\"disabled\"><<</span>\r\n";
}
htmlStr += "<span title=\"第1页\" class=\"current\">1</span>\r\n";
if(options.showPreTag){
htmlStr += "<span class=\"disabled\">>></span>\r\n";
}
}else{
// 多页
if(options.pageNo==1){
if(options.showPreTag){
htmlStr += "<span class=\"disabled\"><<</span>\r\n";
}
}else{
htmlStr += "<a href=\"javascript:void(0)\" title=\"跳转到首页\" οnclick=\""+options.preTagHandler+"\"><<</a>\r\n";
}
// 开始处理分页标签,显示当前页的前后五条
if(options.showPageNum>0){
if(options.pageNum<=options.showPageNum){
// 如果总页数小于每页显示的页标签数,则不需要...
var pageNum = parseInt((options.rowCount - 1) / options.pageSize + 1);
for (var i = 1; i <= pageNum; i++) {
if (i == options.pageNo) {
htmlStr +="<span title=\"第" + i + "页\" class=\"current\">" + i + "</span>\r\n";
} else {
htmlStr +="<a href=\"javascript:void(0)\" title=\"跳转到第" + i
+ "页\" οnclick=\""+options.pageHandler+"\" page="+i+">" + i + "</a>\r\n";
}
if(i == options.pageNum) {
break;
}
}
}else{

var m = parseInt((options.pageNum - 1) / options.showPageNum + 1);
var n = parseInt((options.pageNo - 1) / options.showPageNum + 1);
var temp1 = (n - 1) * options.showPageNum + 1;
var temp2 = (n - 1) * options.showPageNum + 1 + options.showPageNum;
if(n>1){
htmlStr += "<a href=\"javascript:void(0)\" title=\"跳转到前" + options.showPageNum
+ "页\" οnclick=\""+options.pageHandler+"\" >...</a>\r\n";
}

for (var i = temp1; i < temp2; i++) {
if (i == options.pageNo) {
htmlStr +="<span title=\"第" + i + "页\" class=\"current\">" + i + "</span>\r\n";
} else {
htmlStr +="<a href=\"javascript:void(0)\" title=\"跳转到第" + i
+ "页\" οnclick=\""+options.pageHandler+"\" page="+i+">" + i + "</a>\r\n";
}
if (i == options.pageNum) {
break;
}
}
if (m > n) {
htmlStr +=" <a href=\"javascript:void(0)\" title=\"跳转到后" + options.showPageNum
+ "页\" οnclick=\""+options.pageHandler+"\" >...</a>\r\n";
}

}

}
if (options.pageNo == options.pageNum) {
if (options.showPreTag) {
htmlStr +="<span class=\"disabled\">>></span>\r\n";
}
} else {
htmlStr +="<a href=\"#\" title=\"跳转到最后一页\" οnclick=\""+options.pageHandler+"\">>></a>\r\n";
}
if(options.showGO){
htmlStr += "每页<input type=\"text\" maxlength=\"4\" title=\"每页记录数\" value=\""+options.pageSize+"\" name=\"pageSize\" id=\"pageSize\"/>条\r\n";
htmlStr += "跳转至<input type=\"text\" title=\"页码\" value=\""+options.pageNo+"\" name=\"pageNo\" id=\"pageNo\"/>页\r\n";
htmlStr += "<a href=\"#\" title=\"GO\" οnclick=\""+options.goHandler+"\">GO</a>\r\n";
}
}
document.write(htmlStr);
};
/**
* 分页默认设置
*/
// $.fn.pagination.defaults={
// 'currentPage':'current',//当前页样式
// 'rowCount':200,//总记录数
// 'pageSize':10,//每页记录数
// 'showPageNum':10,//大于0的数
// 'pageNum':0,//总页数
// 'pageNo':1,//显示第几页
// 'showPreTag':true,//是否显示前置标签
// 'preTagHandler':'page_(this)',//前置标签处理函数
// 'pageHandler':'page_(this)',//翻页
// 'showGO':true,//是否显示输入页码框
// 'goHandler':'page_(this)',//当showGO为true时,该值必须指定
// 'showRowCount':true
// };

})(jQuery);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值