layui学习笔记——分页

一、快速使用

laypage 的使用很是简单，指向一个用于存放分页的容器，经过服务端获得一些初始值，便可完成分页渲染：

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

二、基础参数选项

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

三、切换分页的回调jump

当分页被切换时触发：

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