zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    第三课 Spinner的使用
    Deployment failed due to an error in FastDev assembly synchronization.
    第二课 两个视图+数据传输
    第一课 Hello
    Tab的键的妙用
    RelativeLayout相对布局中拖放控件的办法
    更改layout的布局
    关于MultiDataTrigger和MultiTrigger的一些注意事项
    WPF中XAML的触发器的属性,事件 都有那些?以及如何寻找
    EventTrigger
  • 原文地址:https://www.cnblogs.com/top5/p/1660201.html
Copyright © 2011-2022 走看看