博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
layui学习笔记——分页
阅读量:6082 次
发布时间:2019-06-20

本文共 743 字,大约阅读时间需要 2 分钟。

hot3.png

1、快速使用

laypage 的使用非常简单,指向一个用于存放分页的容器,通过服务端得到一些初始值,即可完成分页渲染:

< div id = "test1" >  <  / div >     < script >    layui.use('laypage', function ()    {        var laypage = layui.laypage;        //执行一个laypage实例        laypage.render(        {            elem : 'test1' //注意,这里的 test1 是 ID,不用加 # 号        , count : 50 //数据总数,从服务端得到        });    });<  / script >

2、基础参数选项

通过核心方法:laypage.render(options) 来设置基础参数

3、切换分页的回调jump

当分页被切换时触发:

laypage.render({  elem: 'test1'  ,count: 70 //数据总数,从服务端得到  ,jump: function(obj, first){    //obj包含了当前分页的所有参数,比如:    console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。    console.log(obj.limit); //得到每页显示的条数       //首次不执行    if(!first){      //do something    }  }});

转载于:https://my.oschina.net/u/2427561/blog/1536481

你可能感兴趣的文章
给群集服务器进行补丁安装的最佳步骤
查看>>
《Effective C++》之条款33:避免遮掩继承而来的名称
查看>>
HTTP499状态码 nginx下499错误及其解决方法
查看>>
BGP路由反射器与联盟详解(上)
查看>>
利用Fierce2查询子域名
查看>>
RPM软件包管理器(RPM Package Manager)
查看>>
一个存储过程实现(问题答案)
查看>>
Windows 2008从入门到精通系列教程(五)
查看>>
Android教程之如何安装(卸载)apk文件到模拟器
查看>>
C#线程系列讲座(2):Thread类的应用
查看>>
js table 操作-----实现table的插入、修改、删除
查看>>
Bootstrap-轮播图-No.8
查看>>
[Java Web] 4、JavaScript 简单例子(高手略过)
查看>>
粗览Activiti Modeler操作和源代码
查看>>
[汇编] 比较2个字符串是否相等
查看>>
代码重构~代码注释
查看>>
C#实现二叉查找树
查看>>
Angular 4 http通讯 解决服务器参数无法接收问题
查看>>
rose分析
查看>>
最长递减子序列(nlogn)(个人模版)
查看>>