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 

  • 相关阅读:
    Matrix-tree 定理的一些整理
    多项式
    多项式
    vijos 1641 Vs Snowy
    noip 提高组 2010
    军训有感
    我的将军啊
    洛谷 P3302 [SDOI2013]森林
    关于线段树
    关于KMP
  • 原文地址:https://www.cnblogs.com/susuyu/p/2859871.html
Copyright © 2011-2022 走看看