codecamp

layui 分页组件

和layDate的第一个版本几乎同时间推出，由于几乎没有什么BUG，且功能基本比较完备，所以更新得也比较少。如今已经作为Layui的分页模块，并也将在后续进行一次优化，届时layPage将不再作为独立组件而维护。

模块加载名称：laypage，laydate独立组件官网：laypage.layui.com

全部参数

由于layPage也同样会在后续版本进行一次大重写，所以不在此页做详细的使用介绍。你可以前往独立组件官网查看更多例子

语法：layui.laypage(settings)

参数描述
settings

部分必填，比分可选。用于配置laypage的键值对集合。

键默认值类型描述
cont必填String/Object容器。值可以传入元素id或原生DOM或jquery对象，如：
cont: 'id'
  //cont: document.getElementById('id')
  //cont: $('#id')
pages必填Number分页数。一般通过服务端返回得到
curr1Number当前页。
groups5Number连续分页数。
skindefaultString控制分页皮肤。目前支持：molv、yahei、flow 
除此之外，还支持16进制颜色值，如:
 skin: '#c00'
当然，您还可以自定义皮肤
first1Number/String/Boolean用于控制首页。值支持三种类型。
如：first: '首页' 如：first: false，则表示不显示首页项
last总页数Number/String/Boolean用于控制尾页。值支持三种类型
如：last: '尾页' 如：last: false，则表示不显示首页项
prev上一页String/Boolean用于控制上一页。若不显示，设置false即可
next下一页String/Boolean用于控制下一页。若不显示，设置false即可
skipfalseBoolean是否显示跳转
hashundefined任意hash名，如果填写，则开启location.hash。触发分页时，会自动对url追加#!hash名={curr}
利用这个，可以在页面载入时就定位到指定页
jump核心参数Function触发分页后的回调，函数返回两个参数。
obj是一个object类型。包括了分页的所有配置信息。
first一个Boolean类，检测页面是否初始加载。非常有用，可避免无限刷新。
jump: function(obj, first){
    //得到了当前页，用于向服务端请求对应数据
    var curr = obj.curr;
  }
温馨提示

由于也是从之前的独立组件直接移入到layui，所以暂时不对其做详细介绍。在后面对laypage的重写中，本页也会重新编写。

Layui - 用心与你沟通


layui 日期时间组件
layui 模板引擎
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

layui 基础说明

layui 内置组件

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }