亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

layui實現數據分頁功能

發布時間:2020-09-25 21:09:40 來源:腳本之家 閱讀:246 作者:阿杜_ardo 欄目:web開發

本文實例為大家分享了layui實現數據分頁功能,供大家參考,具體內容如下

官網layui table演示頁面

示例截圖:

layui實現數據分頁功能

頁面引入layui.css、 layui.js

<div id="pTable" >
  <table class="layui-table" id="layui_table_id" lay-filter="test">
  </table>
<div id="laypage"></div>
 </div>

前臺js

var limitcount = 10;
 var curnum = 1;
 //列表查詢方法
 function productsearch(productGroupId,start,limitsize) {
  layui.use(['table','laypage','laydate'], function(){
   var table = layui.table,
    laydate=layui.laydate,
    laypage = layui.laypage;
   table.render({
    elem: '#layui_table_id'
    , url: '<%=path%>/xx/pListQuery.html?pId='+productGroupId+'¤tPage='+ start+'¤tNumber=' + limitsize
    /*, where:{pagename:start,pagelimit:limitsize} //傳參*/
    , cols: [[
     {field: 'productId', title: 'ID', width: '170', sort: true}
     , {field: 'productName', title: '名稱', width: '450'}
     , {field: 'productState', title: '狀態', width: '100'}
     , {field: 'effectTime', title: '生效時間', width: '120', sort: true}
     , {field: 'invalidTime', title: '失效時間', width: '120', sort: true}
     , {field: 'productCost', title: '成本', width: '100', sort: true}
     , {field: 'poperation', title: '操作', width: '100',fixed: 'right', toolbar: '#barDemo'}
    ]]
    , page: false
    , height: 430
    ,done: function(res, curr, count){
     //如果是異步請求數據方式,res即為你接口返回的信息。
     //如果是直接賦值的方式,res即為:{data: [], count: 99} data為當前頁數據、count為數據總長度
     laypage.render({
      elem:'laypage'
      ,count:count
      ,curr:curnum
      ,limit:limitcount
      ,layout: ['prev', 'page', 'next', 'skip','count','limit']
      ,jump:function (obj,first) {
       if(!first){
        curnum = obj.curr;
        limitcount = obj.limit;
        //console.log("curnum"+curnum);
        //console.log("limitcount"+limitcount);
        //layer.msg(curnum+"-"+limitcount);
        productsearch(productGroupId,curnum,limitcount);
       }
      }
     })
    }
   })
 
   //監聽工具條
   table.on('tool(test)', function(obj){ //注:tool是工具條事件名,test是table原始容器的屬性 lay-filter="對應的值"
    var data = obj.data //獲得當前行數據
     ,layEvent = obj.event; //獲得 lay-event 對應的值
    if(layEvent === 'detail'){
     viewLableInfo(data.attrId);
     layer.msg(data.attrId);
    } else if(layEvent === 'del'){
     layer.msg('刪除');
    } else if(layEvent === 'edit'){
     layer.msg('編輯操作');
    }
   });
   //常規用法
   laydate.render({
    elem: '#createDate'
   });
   //常規用法
   laydate.render({
    elem: '#processingTime'
   });
 
  });
 }
  var pId = '${pGBean.pgId }';
productsearch(pId, curnum, limitcount);

業務邏輯層

@Override
  public String queryList (HttpServletRequest request) {
   String total = "";
   String pId = request.getParameter("pId");
   int currentNumber = Integer.parseInt(request.getParameter("currentNumber"));
  String currentPage = request.getParameter("currentPage") == null ? "1" : request.getParameter("currentPage");
  //分頁處理,顯示第一頁的30條數據(默認值)
  PageHelper.startPage(Integer.parseInt(currentPage), currentNumber);
  List<PExl> list = exportDao.queryList (pId);
  if(list.size() > 0){
   total = list.get(0).getTotal();
  }
  
  Page page = PageHelper.localPage.get();
  if(page!=null){
   page.setCurrentPage(Integer.parseInt(currentPage));
  }
  PageHelper.endPage();
 
  JSONObject jsonObject = new JSONObject();
  jsonObject.put("code", 0);
  jsonObject.put("msg", "");
  jsonObject.put("count", total);
  jsonObject.put("data", list);
  //System.out.println("json:----" + jsonObject.toString());
  return jsonObject.toString();
  }

sql

其中sql在計算總數totle時可以這么寫

COUNT(*) OVER(PARTITION BY 1) AS TOTAL

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

太原市| 乳山市| 河池市| 镇巴县| 红安县| 巴林右旗| 海伦市| 武清区| 玉门市| 宣恩县| 临湘市| 晋州市| 三原县| 汪清县| 江达县| 阜城县| 松江区| 县级市| 永清县| 九龙坡区| 大兴区| 锡林郭勒盟| 白银市| 河西区| 准格尔旗| 龙游县| 嘉兴市| 成武县| 齐齐哈尔市| 中山市| 西峡县| 连城县| 德惠市| 满城县| 万宁市| 南涧| 嘉禾县| 大化| 水城县| 沁源县| 永丰县|