基于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 相关文章推荐
javascript类继承机制的原理分析
Sep 12 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
Dec 04 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
jquery attr()设置和获取属性值实例教程
Sep 25 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
jQuery实现根据生日计算年龄 星座 生肖
Nov 23 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
Sep 11 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
elementUI Tree 树形控件的官方使用文档
Apr 25 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
May 27 Javascript
electron 安装,调试,打包的具体使用
Nov 06 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
《星际争霸II》全新指挥官斯台特曼现已上线
2020/03/08 星际争霸
输出控制类
2006/10/09 PHP
php教程 插件机制在PHP中实现方案
2012/11/02 PHP
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
CSS常用网站布局实例
2008/04/03 Javascript
基于jquery的合并table相同单元格的插件(精简版)
2011/04/05 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
2011/10/14 Javascript
jquery高级编程的最佳实践详解
2014/03/23 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
JavaScript实现更改网页背景与字体颜色的方法
2015/02/02 Javascript
javascript中函数作为参数调用的方法
2015/02/09 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
Grunt入门教程(自动任务运行器)
2015/08/06 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Django Admin实现三级联动的示例代码(省市区)
2018/06/22 Python
Python+Pandas 获取数据库并加入DataFrame的实例
2018/07/25 Python
浅谈python中拼接路径os.path.join斜杠的问题
2018/10/23 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
viagogo英国票务平台:演唱会、体育比赛、戏剧门票
2017/03/24 全球购物
办公室保洁员岗位职责
2013/12/02 职场文书
写给老师的表扬信
2014/01/21 职场文书
试用期转正鉴定评语
2014/01/27 职场文书
小学亲子活动总结
2014/07/01 职场文书
教师辞职书范文
2015/02/26 职场文书
行政司机岗位职责
2015/04/10 职场文书
排查Tomcat进程假死的问题
2022/05/06 Servers