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

******生成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函数
        
使用:
  
js:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
previous:"<",
next:">",
current:<%=page%> //当前页码
paging:function(page){
location.href="?page="+page;
}
});
    以上代码为所有div加上分页脚代码
*/

其中要特别说明一下其中的一个参数:paging

1 这个参数为分页脚分页时触发的动作,如果你不在这个动作里加点东西的话,这个分页就不会正常动作,所以你可以这样子加入:
 paging:function(page){
                location.href
="?page="+page;
            }

当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current
了,如果你不赋值给它,它默认的值是第一页。。。

2 如果你加入一些load数据的动作的话就可以当成是ajax无刷新了,呵呵
 paging:function(page){
                //ajax.loaddata(
page);
            }

posted @ 2011-06-23 11:13  tangself  阅读(186)  评论(0编辑  收藏  举报