毕业已经两年,期间经历了很多。一个人欢笑与哭泣,在墙角、在路边、在床上。每天搭乘首班车来到公司,每天无数次反省自己,每天每天再问自己为什么活着。
一、下载并引用css和js
地址:点我
<link href="~/MyPlugin/layui/css/layui.css" rel="external nofollow" rel="stylesheet" />
<script src="~/MyPlugin/layui/layui.js"></script>
二、设置容器
<ul id="biuuu_city_list"></ul> //承载数据
<div id="layuiDemo"></div> //存放分页
三、编写js
<script>
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage,
layer = layui.layer;
var nums = 10; //每页出现的数据量
//调用分页
laypage({
cont: 'layuiDemo',//分页存放地址
pages: Math.ceil(data.length / nums), //得到总页数
skip: true,
jump: function (obj) {
var thisData = data.concat().splice(obj.curr * nums - nums, nums);//obj.curr 行号
$("tbody").empty();
$.each(thisData, function (index, item) {
var trNew = $("<tr></tr>");
var td2 = $("<td>" + item.SERVICE_ID + "</td>");
td2.appendTo(trNew);
var td11 = $("<td>" + item.USER_ID + "</td>");
td11.appendTo(trNew);
var td3 = $("<td>" + item.USER_IP + "</td>");
td3.appendTo(trNew);
var td4 = $("<td>" + item.RETURN_CODE + "</td>");
td4.appendTo(trNew);
var td5 = $("<td>" + ConvertJSONDateToJSDateObject(item.VISIT_TIME).format("yyyy/MM/dd") + "</td>");
td5.appendTo(trNew);
var table = $("tbody");
table.append(trNew);
});
}
}); });
</script>