前端写分页

//连接终端

var pageNumber=1;//当前页

var sumCount=0;//连接终端

var numCount=0; //故障详情

var pageSize=10;//一夜共显示的总页数

function connTermial(hostId,pageNumber,pageSize){//连接终端

$.ajax({
    url:url,
    type:'post',
    async:false, //同步请求
    data:{},
    success:function (res) {
        var con=res.data;
        if(con!=null){
            sumCount=con.length;  //总共多少条数据
            var str='';
            if(con.length>0){
                var arr_length = con.length;
                var newArr = [];  //每页显示pageSize条，分割成小数组
                // 分页
                for(var i=0;i<arr_length;i+=pageSize){
                    newArr.push(con.slice(i,i+pageSize));
                }
                for(var t=0;t<newArr[pageNumber-1].length;t++){
                    str +='<tr>' +
                        '<td>'+(pageSize*(pageNumber-1)+(t+1))+'</td>' +
                        '<td>'+newArr[pageNumber-1][t].dev+'</td>' +
                        '<td>'+newArr[pageNumber-1][t].ip+'</td>' +
                        '<td>'+newArr[pageNumber-1][t].mac+'</td>' +
                        '</tr>';
                }
                $('#connectTermial').html(str)
            }else if(con.length==0){
                str +='<tr>'+
                    '<td colspan="4"><div style="text-align: center;width: 100%;color: #999">暂无数据</div></td>' +
                    '</tr>';
                $('#connectTermial').html(str);
            }
        }
    },error:function (err) {
        console.log(err)
    }
})
复制代码

}

connTermial(hostId,pageNumber,pageSize);

//连接终端分页

layui.use('laypage', function(){

var laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
    elem: 'conPage' //注意，这里的 conPage 是 ID，不用加 # 号
    ,theme: '#4189f4'
    ,limit:pageSize  //每页显示pageSize条
    ,count:sumCount //数据总数，从服务端得到
    ,jump:function (obj,frist) {
        if(!frist){
            connTermial(hostId,obj.curr,pageSize)
        }
    }
});
复制代码

});