一、分页组件
layPage 致力于提供极致的分页逻辑，既可轻松胜任异步分页，也可作为页面刷新式分页。自 layui 2.0 开始，无论是从核心代码还是API设计，layPage 都完成了一次蜕变。清爽的UI、灵活的排版，极简的调用方式，这一切的优质元素，都将毫无违和感地镶嵌在你的页面之中。
模块加载名称：laypage
演示：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>分页组件</title>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
<div id="itemPage">
</div>
<script type="text/javascript">
// 加载laypage模块
layui.use("laypage",function(){
var laypage = layui.laypage;
// 加载laypage实例
laypage.render({
elem:"itemPage", // elem绑定的是容器的id属性值，不需要加#
count:100, // 总数量，一般是从服务器获取
limit:5, // 每页显示的数量
limits:[5,10,20,30], // 每页条数选项
layout:['prev','page','next','limit','count'], // 自定义排版
groups:10, // 连续显示的页码数
});
});
</script>
</body>
</html>
网友评论