基于jQuery的js分页代码


Posted in Javascript onJune 10, 2010
function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){ 
this.dataCount = dataCount; 
this.pageSize = pageSize; 
this.serverUrl = serverUrl; 
this.contentPlace = $("#"+contentPlace); 
this.pagerbarPlace = $("#"+pagerbarPlace); 
this.callBack = callBack; this.pageCount = 0; 
this.pageIndex = 1; 
this.curInfo = $("<span/>"); 
this.prePage = $("<span/>"); 
this.nextPage = $("<span/>"); 
this.init(); 
} 
pagerBar.prototype = { 
init : function(){ 
this.getPageCount(); 
this.initLink(); 
this.showBarInfo(); 
if(this.pageCount>0){ 
this.setLink(1); 
} 
}, 
getPageCount : function(){ 
this.pageCount = parseInt(this.dataCount / this.pageSize); 
if(this.dataCount % this.pageSize !=0){ 
this.pageCount++; 
} 
}, 
initLink : function(){ 
var self = this; 
this.prePage = $("<span/>").html("上一页").addClass("pageLink"); 
this.prePage.click(function(){ 
self.setLink(self.pageIndex-1); 
}); 
this.nextPage = $("<span/>").html("下一页").addClass("pageLink"); 
this.nextPage.click(function(){ 
self.setLink(self.pageIndex+1); 
}); 
this.pagerbarPlace.append(this.curInfo).append(this.prePage).append(this.nextPage); 
}, 
showBarInfo : function(){ 
this.prePage.hide(); 
this.nextPage.hide(); 
if(this.pageCount==0){ 
this.curInfo.html("暂时没有信息!"); 
} 
else if(this.pageCount==1){ 
this.curInfo.html("1/1"); 
} 
else{ 
this.curInfo.html(this.pageCount + "/" + this.pageIndex); 
} 
}, 
setLink : function(i){ 
var self = this; 
$.ajax({ 
url:self.serverUrl, 
type:"get", 
data:{pageSize:self.pageSize,pageIndex:i}, 
cache:false, 
error:function(){ 
alert("数据加载失败!"); 
}, 
success:function(htmlData){ 
self.contentPlace.html(htmlData); 
if(self.pageCount==1){ 
self.prePage.hide(); 
self.nextPage.hide(); 
}else{ 
if(i==1){ 
self.prePage.hide(); 
self.nextPage.show(); 
}else if(i==self.pageCount){ 
self.prePage.show(); 
self.nextPage.hide(); 
}else{ 
self.prePage.show(); 
self.nextPage.show(); 
} 
} 
self.pageIndex = i; 
self.curInfo.html(self.pageCount+"/"+self.pageIndex); 
if(self.callBack){ 
self.callBack(); 
} 
} 
}); 
}, 
changeServerUrl : function(dataCount,serverUrl){ 
this.dataCount = dataCount; 
this.serverUrl = serverUrl; 
this.pageIndex=1; 
this.getPageCount(); 
this.showBarInfo(); 
this.contentPlace.html(""); 
if(this.pageCount>0){ 
this.setLink(1); 
} 
}, 
dataCountDec : function(){ 
this.dataCount--; 
this.getPageCount(); 
if(this.pageCount<this.pageIndex){ 
this.pageIndex = this.pageCount; 
} 
if(this.pageIndex>0){ 
this.setLink(this.pageIndex); 
} 
this.showBarInfo(); 
} 
}
Javascript 相关文章推荐
学习ExtJS accordion布局
Oct 08 Javascript
一个简单的js树形菜单
Dec 09 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
js给onclick赋值传参数的两种方法
Nov 25 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
JS实现图片预加载之无序预加载功能代码
May 12 Javascript
vue通过路由实现页面刷新的方法
Jan 25 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
May 16 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 Javascript
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
Jun 10 #Javascript
jQuery EasyUI中对表格进行编辑的实现代码
Jun 10 #Javascript
jQuery创建自己的插件(自定义插件)的方法
Jun 10 #Javascript
jQuery-ui中自动完成实现方法
Jun 10 #Javascript
Array.prototype.slice 使用扩展
Jun 09 #Javascript
Confirmer JQuery确认对话框组件
Jun 09 #Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 #Javascript
You might like
德劲1103二次变频版的打磨
2021/03/02 无线电
使用 MySQL Date/Time 类型
2008/03/26 PHP
PHP中操作ini配置文件的方法
2013/04/25 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
php实现zip文件解压操作
2015/11/03 PHP
thinkphp分页集成实例
2017/07/24 PHP
JavaScript高级程序设计
2006/12/29 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
原生js编写焦点图效果
2016/12/08 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
基于vue开发的在线付费课程应用过程
2018/01/25 Javascript
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
用Python中的字典来处理索引统计的方法
2015/05/05 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
python 筛选数据集中列中value长度大于20的数据集方法
2018/06/14 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
Python中extend和append的区别讲解
2019/01/24 Python
基于python生成器封装的协程类
2019/03/20 Python
解决pycharm remote deployment 配置的问题
2019/06/27 Python
如何关掉pycharm中的python console(图解)
2019/10/31 Python
python numpy生成等差数列、等比数列的实例
2020/02/25 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
几个CSS3的flex弹性盒模型布局的简单例子演示
2016/05/12 HTML / CSS
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
员工培训邀请函
2014/01/11 职场文书
雷锋精神演讲稿
2014/05/13 职场文书
机械专业求职信范文
2014/07/15 职场文书
小学班级特色活动方案
2014/08/31 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
中秋晚会致辞
2015/07/31 职场文书
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS