首页 > 其他 > 详细

laypage分页插件的使用

时间:2018-11-20 20:39:34      阅读:186      评论:0      收藏:0      [点我收藏+]

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页添加背景颜色

laypage分页插件的使用

原文:https://www.cnblogs.com/chuwu/p/9991321.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!