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