layUI实现前端分页和后端分页

2023-08-18 13:21:04 149

functionpagination(curr,gwayId,mlity,ePart){ $(".manage_ys_list").html('加载中...'); letdd={ conditions:{ gatewayId:gwayId, searchText:"", pageSize:15, pageIndex:curr-1 }, identity:{ "userName":userName1, "sessionId":sessionId1, "token":token2 } } $.ajax({ type:"POST", dataType:'json', url:UserListPaged, data:dd, headers:{'X-Requested-With':'XMLHttpRequest'}, success:function(data){ lettotal=data.data.recordCount; letpageCount=data.data.pageCount; letpageSize=data.data.pageSize; if(data.data.recordCount>=0){ letdataHtml=''; for(vari=0;i'+data.data.result[i].userId+ ''+data.data.result[i].realName+''+data.data.result[i].sex+''+data.data.result[i].workUnit+ ''+data.data.result[i].phoneNo+''+data.data.result[i].isAdmin+ '修改删除' } $(".manage_ys_list").html(dataHtml); }else{ $(".manage_ys_list").html('

暂无数据

'); } //显示分页 layui.use(['laypage','layer'],function(){ varlaypage=layui.laypage ,layer=layui.layer; laypage.render({ elem:'page'//注意，这里的test1是ID，不用加#号 ,count:total//数据总数，从服务端得到 ,limit:15//每页显示条数 ,curr:curr||1//当前页 ,pages:pageCount,//通过后台拿到的总页数 skip:true, jump:function(obj,first){//触发分页后的回调 if(!first){//点击跳页触发函数自身，并传递当前页：obj.curr pagination(obj.curr,gwayId,mlity,ePart); dqym=obj.curr; } } }); }); $('#page').append('共'+total+ '条数据，每页显示'+pageSize+'条

'); }, complete:function(){ //请求完成的处理 }, error:function(){ //请求出错处理 } }); } pagination(1);

//前端分页 functionpagination(curr,gwayId,userN){ $(".man_zy_list").html('加载中...'); letdd={ conditions:{ gatewayId:gwayId, userName:userN }, identity:{ userName:userName1, sessionId:sessionId1, token:token2 } }; letdataHtml=[]; console.log("dd1212",dd); $.ajax({ type:"POST", dataType:'json', url:UserResourceList, data:dd, headers:{'X-Requested-With':'XMLHttpRequest'}, success:function(data){ vartotal=data.data.length; if(data.resultCode==0){ for(vari=0;i

可访问资源删除' } if(curr==1){ varss11=dataHtml.concat().splice(0,15); $(".man_zy_list").html(ss11); } //显示分页 layui.use(['laypage','layer'],function(){ varlaypage=layui.laypage ,layer=layui.layer; laypage.render({ elem:'page'//注意，这里的test1是ID，不用加#号 ,count:total//数据总数，从服务端得到 ,limit:15//每页显示条数 ,curr:curr||1//当前页 ,pages:total%15==0?total/15:Math.floor(total/15)+1,//根据记录条数，计算页数,//通过后台拿到的总页数 skip:true, jump:function(obj,first){ //触发分页后的回调 if(!first){//点击跳页触发函数自身，并传递当前页：obj.curr varss=dataHtml.concat().splice((obj.curr||1)*15-15,15); $(".man_zy_list").html(ss); } } }); }); $('#page').append('共'+total+ '条数据，每页显示'+15+'条

'); }else{ $(".man_zy_list").html('

暂无数据

'); } }, complete:function(){ //请求完成的处理 }, error:function(){ //请求出错处理 } }); } pagination(1,'','');

layUI实现前端分页和后端分页

热门推荐

随机推荐