;(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=\"跳转到首页\" onclick=\""+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
+ "页\" onclick=\""+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
+ "页\" onclick=\""+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
+ "页\" onclick=\""+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
+ "页\" onclick=\""+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=\"跳转到最后一页\" onclick=\""+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\" onclick=\""+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);
分享到:
相关推荐
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
jquery 插件jquery 插件jquery 插件jquery 插件
JQuery插件的写法 最常用的jquery插件开发方式(教程合集) jquery插件的例子 jQuery插件开发教程_看这一本就行了 JQuery插件写法 jq插件最常用的写法
组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件...
jquery 插件,实现多种不同的滚屏操作,
图片懒加载文件jquery插件库EasyLazyload
jquery插件.rar
非常好用的清除html格式的jquery插件,使用起来也比较方便,可以看下源代码学习下。
jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载
jQuery-doubleTap是一款非常有用的鼠标双击事件或移动设备的触摸双击事件检测jQuery插件。该插件通过对“click”和“touch”的简单代码优化来实现鼠标双击或触摸双击事件的检测
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
java源代码,主要是jquery插件的利用 java源代码,主要是jquery插件的利用 java源代码,主要是jquery插件的利用
jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...
jQuery插件开发及常用插件大全PDF;jQuery插件开发.pdf、jQuery常用插件大全.pdf
常用的jquery插件大全 jquery-json.js jquery-validate.js jquery.js, jquery.form.js, jquery.jscrollpane.css jquery.mousewheel.js 等等
240多个jQuery插件
这里提供最基础的jquery插件编辑方法,为jquery插件学习者提供帮助。
struts2-jquery插件源码。版本号3.0.1