zoukankan      html  css  js  c++  java
  • laypage分页插件的使用

    laypage是用于分页的插件,该插件通过js请求分页数据

    1.载入js文件 <script type="text/javascript" src="__STATIC__/hadmin/lib/laypage/1.2/laypage.js"></script>
    2.在页面中显示分页信息的地方插入标记<div id="laypage"></div>
    3.添加js
    <script type="text/javascript">
    var url = '{:url("article/listarticle")}';
    laypage({
    cont: 'laypage', //容器。值支持id名、原生dom对象,jquery对象,
    pages: '{$pageTotal}', //总页数,它需要从后台统计后传到页面中
    skin: '#5FB878', //皮肤
    curr :'{$curr}',//当前页,它需要从后台传到页面中,也就是当前是第几页
    jump: function(e, first){ //触发分页后的回调
    if(!first){ //一定要加此判断,否则初始时会无限刷新
    location.href = url+'?page='+e.curr;//从e.curr众获取用户点击的第几页
    }
    }
    });
    </script>

    4.后台需要传给前台的数据为
    1.查询结果集,也就是表格中显示的数据。该数据其实和分页插件无关,但是要让这些数据符合分页显示数据
    2.传给分页插件的总页数,它可以通过sql查询数据库得到的总条数count除以每页显示的条数得到,php可以使用ceil函数将如1.2这样的小数转为2这样的整数
    3.传给插件的当前页,插件能自动获取用户在页面选择的第几页(e.curr)传给后台,
    但是也需要知道后台传给前台的当前页是第几页,好进行对当前页的特殊标识。如后台告诉前台当前是第3页,则插件将第3页添加背景颜色

  • 相关阅读:
    《RESTful Web Services》第一章 使用统一接口
    selenium测试(Java)--元素操作(五)
    selenium测试(Java)--浏览器控制(四)
    Struts2 基础典型应用
    Fitnesse 访问日志配置
    selenium定位方法(java实例)(二)
    selenium测试环境搭建(一)
    java web 学习-网络资源
    eclipse + tomcat 开发环境配置
    HTTP客户端代码片段
  • 原文地址:https://www.cnblogs.com/chuwu/p/9991321.html
Copyright © 2011-2022 走看看