教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页

jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页

发布时间:2013-09-20   编辑:jiaochengji.com
displaynum,displaylastNum可以自由定制显示的页码数量
displaynum,displaylastNum可以自由定制显示的页码数量 ******生成js分页脚******
****没剑(2008-03-05)****
修改日期:2008-3-12
添加两个参数:displaynum,displaylastNum可以自由定制显示的页码数量

参数: pagesize:10 //每页显示的页码数
,count:0 //数据条数
,css:"mj_pagefoot" //分页脚css样式类
,current:1 //当前页码
,displaynum:7 //中间显示页码数
,displaylastNum:5 //最后显示的页码数
,previous:"上一页" //上一页显示样式
,next:"下一页" //下一页显示样式
,paging:null //分页事件触发时callback函数

使用:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
paging:function(page){
alert("当前第"+page+"页");
}
});
以上代码为所有div加上分页脚代码
*/
其中要特别说明一下其中的一个参数:paging

1 这个参数为分页脚分页时触发的动作,如果你不在这个动作里加点东西的话,这个分页就不会正常动作,所以你可以这样子加入:
paging:function(page){
location.href="?page="+page;
}
当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current
了,如果你不赋值给它,它默认的值是第一页。。。

2 如果你加入一些load数据的动作的话就可以当成是ajax无刷新了,呵呵
paging:function(page){
//ajax.loaddata(page);
}
没有什么技术含量,权当练手吧,哈哈
复制代码 代码如下:

JackLee: paging:function(page){
location.href="?page="+page;
}
用这个有问题呀??
当你点了第10页时,在div导航上第1页是当前,我想应该让第10页是当前的才对呀!
--------------------------------------------------------
你没有注意这里哦:
---
当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current
了,如果你不赋值给它,它默认的值是第一页。。。
---
你在重新加载了这个页后要手动赋值给它。
如果你不想这样子的话就用ajax来分页效果会比较好,又不会太麻烦

在线演示 http://img.jb51.net/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar

您可能感兴趣的文章:
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
基于jQuery的表格操作插件
jQuery基础学习技巧总结第1/4页
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
初学知识:应该如何理解Web2.0标准?
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
中国php新动力,Jwork框架即将发表
JQuery+Ajax无刷新分页的实例代码

[关闭]
~ ~