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); } } }) })//------ }); };

  

posted @ 2017-06-27 20:51  九三x  阅读(13492)  评论(3编辑  收藏  举报