jquery分页对象使用示例_jquery
程序员文章站
2022-05-07 19:55:57
...
使用方法和相关参数如下:
displayId//默认值显示区域Id为pageBox,可以不填
pagesize//每页条数,默认是15条,可以不填
totalsize//总条数
curpage//当前页数
simple//默认是false,true没有上一页和下一页,
type//0默认走http跳转,1是jsp页面必须有pageCallBack(pageNum)函数,从1开始
url//链接地址,如果type出入1此处就可以不填
例子:Page._run({totalsize:300,curpage:11,type:1,simple:true}
Page对象
');
$(displayId).html(result.join(''));
}
}else{
}
},
/**计算总页数*/
_getTotalPages:function(_totalsize,_pagesize){
if(_totalsize%_pagesize==0)
return _totalsize/_pagesize;
else
return parseInt(_totalsize/_pagesize)+1;
},
/**构造分页的每个页数区域*/
_builderPageArea:function(type,textType,url,page,text,_focus,_displayId){
var hrefStr,href= new Array();
if(type==0){
href.push(url);
href.push('&pagenum=');
href.push(page);
}else if(type==1){
href.push('javascript:void(0);pageCallBack(\\'');
href.push(page);
href.push('\\',\\'');
href.push(_displayId);
href.push('\\')');
}
hrefStr = href.join(''),result=new Array();
if(textType=='up'){
result.push('上一页');
}else if(textType=='down'){
result.push('下一页');
}else{
result.push('');
}else{
result.push('">');
}
result.push(page);
result.push('');
}
return result.join('');
}
};
Page._run({totalsize:100,curpage:1,pagesize:10});
displayId//默认值显示区域Id为pageBox,可以不填
pagesize//每页条数,默认是15条,可以不填
totalsize//总条数
curpage//当前页数
simple//默认是false,true没有上一页和下一页,
type//0默认走http跳转,1是jsp页面必须有pageCallBack(pageNum)函数,从1开始
url//链接地址,如果type出入1此处就可以不填
例子:Page._run({totalsize:300,curpage:11,type:1,simple:true}
复制代码 代码如下:
Page
$(displayId).html(result.join(''));
}
}else{
}
},
/**计算总页数*/
_getTotalPages:function(_totalsize,_pagesize){
if(_totalsize%_pagesize==0)
return _totalsize/_pagesize;
else
return parseInt(_totalsize/_pagesize)+1;
},
/**构造分页的每个页数区域*/
_builderPageArea:function(type,textType,url,page,text,_focus,_displayId){
var hrefStr,href= new Array();
if(type==0){
href.push(url);
href.push('&pagenum=');
href.push(page);
}else if(type==1){
href.push('javascript:void(0);pageCallBack(\\'');
href.push(page);
href.push('\\',\\'');
href.push(_displayId);
href.push('\\')');
}
hrefStr = href.join(''),result=new Array();
if(textType=='up'){
result.push('上一页');
}else if(textType=='down'){
result.push('下一页');
}else{
result.push('');
}else{
result.push('">');
}
result.push(page);
result.push('');
}
return result.join('');
}
};
Page._run({totalsize:100,curpage:1,pagesize:10});
推荐阅读
-
jquery+php后台实现省市区联动功能示例
-
详解使用jquery.i18n.properties 实现web前端国际化
-
实用的Jquery选项卡TAB示例代码
-
密码框显示提示文字jquery示例
-
文本有关的样式和jQuery求对象的高宽问题分别说明
-
Spring Data Jpa+SpringMVC+Jquery.pagination.js实现分页示例
-
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
-
jquery+php后台实现省市区联动功能示例
-
CodeIgniter分页类pagination使用方法示例
-
ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项