laypage分页源码

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
layui. use ([ 'laypage' 'layer' ],  function (){
     var  laypage = layui.laypage
         ,layer = layui.layer;
     var  $ = layui.$;
 
         var  total_page = $( "#total_page" ).val();
 
         laypage.render({
             elem:  'demo1'
             ,limit:1
             , count : total_page
             ,curr:  function (){  //通过url获取当前页,也可以同上(pages)方式获取
                 var  page = location.search.match(/page=(\d+)/);
                 return  page ? page[1] : 1;
             }()
             ,layout: [ 'count' 'prev' 'page' 'next' 'limit' 'skip' ]
             ,jump:  function (obj, first){
                 //obj包含了当前分页的所有参数,比如:
 
                 console.log(obj.curr);  //得到当前页,以便向服务端请求对应页的数据。
                 console.log(obj.limit);  //得到每页显示的条数
 
                 //首次不执行
                 if (!first){
                     window.location.href= "?page=" +obj.curr;
                 }
             }
         });
 
     });


本文转自 IT阿飞 51CTO博客,原文链接:http://blog.51cto.com/itafei/1959198

相关文章
element-ui Pagination分页只保留上一页下一页
有时数据量太大,比如日志数据没必要查看很久之前的,所以把页数屏蔽,不给系统造成卡顿,最简单的方式就是隐藏总条数、页数。具体做法来看一下吧
405 0
|
小程序
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
130 0
element-el-pagination 分页-控制每页展示数量(整理)
element-el-pagination 分页-控制每页展示数量(整理)
|
JavaScript
Pagination 分页如何使用
Pagination 分页如何使用
167 0
|
JavaScript
如何使用Pagination 分页组件
如何使用Pagination 分页组件
171 0
|
容器
laypage静态数据分页组件的调用实战代码
laypage静态数据分页组件的调用实战代码
77 0
|
JavaScript 容器
layui框架实战案例(9):layPage 静态数据分页组件
layui框架实战案例(9):layPage 静态数据分页组件
406 0
|
前端开发 Java 数据库
pagination分页插件的getResult明明有数据,但是getTotal方法为0
pagination分页插件的getResult明明有数据,但是getTotal方法为0
329 0
|
缓存
ViewPager2 详细使用
ViewPager2 详细使用
1127 0