基于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 相关文章推荐
不错的asp中显示新闻的功能
Oct 13 Javascript
javascript之大字符串的连接的StringBuffer 类
May 08 Javascript
JQuery 操作/获取table具体代码
Jun 13 Javascript
JavaScript加强之自定义callback示例
Sep 21 Javascript
js防止表单重复提交的两种方法
Sep 30 Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
Apr 13 Javascript
基于 D3.js 绘制动态进度条的实例详解
Feb 26 Javascript
微信小程序实现弹出菜单功能
Jun 12 Javascript
小程序使用分包的示例代码
Mar 23 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
我的论坛源代码(九)
2006/10/09 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
php&amp;mysql 日期操作小记
2012/02/27 PHP
浅析php面向对象public private protected 访问修饰符
2013/06/30 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
nodejs调用cmd命令实现复制目录
2015/05/04 NodeJs
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
微信小程序 wxapp内容组件 progress详细介绍
2016/10/31 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
详解VUE 数组更新
2017/12/16 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
Vue 实现可视化拖拽页面编辑器
2021/02/01 Vue.js
python利用beautifulSoup实现爬虫
2014/09/29 Python
Django框架中数据的连锁查询和限制返回数据的方法
2015/07/17 Python
Appium Python自动化测试之环境搭建的步骤
2019/01/23 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
Pytorch中的自动求梯度机制和Variable类实例
2020/02/29 Python
中国第一家杂志折扣订阅网:杂志铺
2016/08/30 全球购物
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
日常奢侈品,轻松购物:Verishop
2019/08/20 全球购物
普通PHP程序员笔试题
2016/01/01 面试题
家长给幼儿园的表扬信
2014/01/09 职场文书
企业安全生产标语
2014/06/06 职场文书
SqlServer 垂直分表(减少程序改动)
2021/04/16 SQL Server
maven依赖的version声明控制方式
2022/01/18 Java/Android