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函数
        
使用:
    $(
"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);
            }

没有什么技术含量,权当练手吧,哈哈
下载DEMO
posted @ 2008-03-12 14:37  没剑  阅读(5309)  评论(9编辑  收藏  举报