zoukankan      html  css  js  c++  java
  • 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); } } }) })//------ }); };

      

  • 相关阅读:
    洛谷 P1231 教辅的组成
    BZOJ 2190: [SDOI2008]仪仗队
    Codeforces GYM 100741A . Queries
    COGS 1298. 通讯问题
    洛谷 P2604 [ZJOI2010]网络扩容
    codevs 1227 方格取数 2
    codevs 1004 四子连棋
    洛谷 P2319 [HNOI2006]超级英雄
    洛谷 P2153 [SDOI2009]晨跑
    插入排序
  • 原文地址:https://www.cnblogs.com/xcggdd/p/7087087.html
Copyright © 2011-2022 走看看