网站首页 文章专栏 基于layui的laypage扩展模块!
基于laypage的layui扩展模块(pagesize.js)!
编辑时间:2017-03-18 17:30 作者:Absolutely 浏览:2780 评论:9


小赌为快


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

    转载请注明出处!


来说两句吧
最新评论
  • Jacky Linゞ
    Jacky Linゞ 2017-03-18 18:46:06
    [good]帅,我就觉layui缺少这个东西
  • 秋晨。W
    秋晨。W 2017-03-18 22:20:49
    刚开始研究layui,摸索着做一个博客,看了博主的博客结果自己的跟博主的越做越像[晕],被影响了回不了头啊
  • Jacky Linゞ
    Jacky Linゞ 2017-03-19 00:31:33

    问下那个layedit 录入了解没有 显示名称输入啊,录入之后就是一个连接,我看到你后台编辑居然用layedit 编辑.......


    哦你是复制连接过来的吧 比如下面点点滴滴

       

    开放网站后台啦!为大家准备了游客账号,没有权限[偷笑]!欢迎参观!点我进入

  • Absolutely
    Absolutely 2017-03-19 09:13:46
    选中文字  点插入链接 , 输入的链接就在文字上
  • Martin
    Martin 2017-03-23 23:09:08
    真好,可是不知道后台咋分页,,。,qq登录咋做都不会。。。。。。
  • Small.HG💯
    Small.HG💯 2017-04-12 16:28:40
    dwadaw
  • 大当家
    大当家 2017-04-26 15:38:42
    不错不错
  • 机智且英俊的8岁少年
    机智且英俊的8岁少年 2017-05-02 21:39:47
    你好
  • -H
    -H 2017-06-23 16:25:34

    点击下一页 局部刷新   pagesize直接不见了 !!!  脑洞大开,把layui.pagesize(setting)直接放jump里面回调,就好了!!!十分感谢楼主