******
生成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加上分页脚代码
*/
**** 没剑( 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;
}
location.href = " ?page= " + page;
}
当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数: current
了,如果你不赋值给它,它默认的值是第一页。。。
2 如果你加入一些load数据的动作的话就可以当成是ajax无刷新了,呵呵
paging:
function
(page){
//ajax.loaddata( page);
}
//ajax.loaddata( page);
}
没有什么技术含量,权当练手吧,哈哈
下载DEMO