layUI--实现分页


//layUI分页的实现
function paging(curr){
      $.getJSON(
    '/admin/admin/gmStudy/selectGmStudyListByPage',
    {   page: curr || 1 //当前页   ,rows: 4//每页显示四条数据 },
    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 += "   &nbsp<a onclick='downloadFile()' class='btn btn-default' >下载</a>"; str += "   &nbsp<button type='button' onclick='deleteGmStudy(this)' class='btn btn-default btn-danger'>删除</button>"; str += "</td>"; str += "</tr>"; });
/         //将拼接的内容放置内容显示区域 $("#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); } } }) })//------ }); };

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM