layUI--实现分页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | //layUI分页的实现 function paging(curr){ $.getJSON(<br> '/admin/admin/gmStudy/selectGmStudyListByPage' , <br> { page: curr || 1 //当前页 ,rows: 4 //每页显示四条数据 }, <br> function(data){ var str = '' ; $.each(data.rows,function(index,value){ str += "<tr>" ; str += "<td>" ; str += index+ 1 ; str += "<input type='hidden' id='rowId' value='" +value.rowId+ "'>" ; str += "</td>" ; str += "<td>" ; str += value.fileName; str += "</td>" ; str += "<td>" ; str += "  <a onclick='downloadFile()' class='btn btn-default' >下载</a>" ; str += "  <button type='button' onclick='deleteGmStudy(this)' class='btn btn-default btn-danger'>删除</button>" ; str += "</td>" ; str += "</tr>" ; });<br>/ //将拼接的内容放置内容显示区域 $( "#tbody" ).html(str); //显示分页 layui.use([ 'laypage' , 'layer' ], function(){ //------ layui.laypage({ cont: 'demo1' , //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div> pages: data.totalPageSize, //通过后台拿到的总页数 curr: curr || 1 , //当前页 skip: false , jump: function(obj, first){ //触发分页后的回调 if (!first){ //点击跳页触发函数自身,并传递当前页:obj.curr $( "#tbody" ).text( '' ); //先清空原先内容 paging(obj.curr); } } }) }) //------ }); }; |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步