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 += "   &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>";
                  });<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);
                  }
                }
              })
        })//------
         
      });
    };

  

posted @   九三x  阅读(13492)  评论(3编辑  收藏  举报
点击右上角即可分享
微信分享提示