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
  • 相关阅读:
    java中常量定义在interface中好还是定义在class中
    CharacterEncodingFilter-Spring字符编码过滤器
    Integer判断相等,到底该用==还是equals
    ThreadLocal实现session中用户信息 的线程间共享
    分布式部署引发的问题
    分布式部署
    LogBack通过MDC实现日志记录区分用户Session
    Fragment 简介 基础知识 总结 MD
    直播 相关技术文章 相关调研文章
    直播 背景 技术体系 乐视云直播Demo
  • 原文地址:https://www.cnblogs.com/top5/p/1660201.html
Copyright © 2011-2022 走看看