网站首页 文章专栏 基于layui的laypage扩展模块!
基于laypage的layui扩展模块(pagesize.js)!
编辑时间:2017/3/18 17:30:22 作者:Absolutely 浏览量:12

小赌为快


pagesize演示




    前言:如果你没使用过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下载地址:点击前往


    出自:不落阁

    地址:www.lyblogs.cn

    转载请注明出处!


来说两句吧
最新评论
  • absolutely
    Absolutely 2017-03-18 18:46:06
    我为大家做了模拟评论功能!还有,这个评论功能也可以改成和留言一样,但是目前没改,有兴趣可以自己改