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 

  • 相关阅读:
    vue2.0之render函数
    vuex学习笔记
    js小知识点
    vue2.0路由进阶
    vue2.0使用slot插槽分发内容
    js事件机制
    firefox在引入vue.js后不支持e=e||window.event的解决办法
    qs.js使用方法
    除了使用URLSearchParams处理axios发送的数据,但是兼容性不好,其他的兼容方法
    定义设置滚动条
  • 原文地址:https://www.cnblogs.com/susuyu/p/2859871.html
Copyright © 2011-2022 走看看