zoukankan      html  css  js  c++  java
  • jquery实现数组array、集合list、json类型的分页

    使用jquery简单实现分页,功能很简单,可以自己扩展

    在jsp页面调用(只要数据类型是array、list、json类型都可以的):

      <link href="${contextPath }/css/paging.css" rel="stylesheet" type="text/css">
        <script language="javascript" type="text/javascript" src="${contextPath }/js/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="${contextPath }/js/paging.js"></script>

    初始化:

    <script type="text/javascript">//分页初始化
    //sum:记录总数
    //count:每页条数
    //total:页数
    //current:当前页
    //previous:上一页
    //next:下一页
    //first:第一页
    //last:最后一页
    //jump:跳到X页
    //分页初始化/每页显示行数(默认10行),参数只要数据集(list、array、json类型),"paging"对应div的id
    //var paging = new Paging("paging",data,{count:3,sum:10,total:4});

    var paging = new Paging("paging",data,{count:1}); //如果一个页面需要多个分页,可以再new一个 name不能相同,div也要多建一个 id也不能相同

     
    </script>

    HTML代码,不能去掉,id是必须的

    <div id="paging" class="paging">
    </div>    

    附件地址:地址一(咳,我当然是希望赚点分了)地址二(没分的点这个吧)

    注:代码里都有注释的,就四个文件,主要是paging.js 

  • 相关阅读:
    数据结构解决哈希冲突方法回顾
    java线程池大小分配方案
    java线程池工作原理
    非对称密码体制
    java ThreadLocal
    jvm配置参数
    定时器深入讲解
    开发笔记三
    开发笔记二
    js证书批量生成与打包下载
  • 原文地址:https://www.cnblogs.com/susuyu/p/2859871.html
Copyright © 2011-2022 走看看