layui分页

毕业已经两年，期间经历了很多。一个人欢笑与哭泣，在墙角、在路边、在床上。每天搭乘首班车来到公司，每天无数次反省自己，每天每天再问自己为什么活着。

一、下载并引用css和js

地址：点我

<link href="~/MyPlugin/layui/css/layui.css" 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>