首页 行业方案(收费) 基于layui的laypage扩展模块!
小赌为快
pagesize.js是博主写的一个基于laypage的layui扩展模块。扩展了laypage目前未有的一个页容量控制功能!
由于目前layui的分页laypage模块并没有控制页容量的功能(layui 2.0不知道会不会有),所以我针对我自己的后台管理系统制作了这样一个功能!
起初想着自己用,就简简单单的写了个方法,后来想着layui2.0发布日期还不知道,不如把这个方法做成模块分享!
pageszie.js采用layui定义模块的方法定义,所以你可以以layui加载其他模块的方式加载它,前提是你把pagesize.js放在/layui/lay/modules/目录下面。
加载方法如下:
layui.use('pagesize',function(){ var pagesize = layui.pagesize(); });
它主要提供两个功能,一个是原有的laypage上渲染一段控制页容量的html代码,另一个是点击确定的时候返回所确定的新的页容量。
使用方法如下:
//注意,这个方法须在laypage(seetiongs)方法执行之后,也就是laypage渲染之后!否则可能会出现意外 pagesize(laypageId, pageSize).callback(function (newPageSize) { //这个回调函数是在指定新的页容量后触发 //并返回新的页容量 //你可以在这里使用新的页容量重新获取分页数据! });参数说明:
laypageId:laypage容器元素的id属性,同于laypage(settings)的cont属性,由于作之前没看laypage的cont属性还可以传dom或jquery对象,所以这里只支持元素id属性!
pageSize:当前页容量,用于将当前页容量显示在界面上!
该功能是我后台分页的时候扩展的一个功能,但我又想将它分享出来,于是做成了layui扩展模块。
由于它起初针对我个人后台的分页定制的扩展功能,所以我只测试了我分页的写法是能实现的,并不知道大家的分页写法是否能用!
如不能用,请参考我后台的分页写法!
后台暂时没有源码,没时间整理,所以请自行到后台查看!
点赞飞马银泉:点击前往 完整演示请看后台:点击前往 pagesize.js下载地址:点击前往
转载请注明出处!