layui，使用table分頁時，點擊下一頁，傳入後臺的pagenum始終是1的問題

原創

chuan_zyc

2020-02-21 03:10

1、問題如題。

2、代碼：

table的渲染：

table.render({
               elem : '#dataTable',// table的id屬性
               height : 312,
               url : ctx + 'poxxx/getxxxList?t=' + Math.random(),
               page : true, // 開啓分頁
               height : 'full-122', // 高度最大化減去差值
               id : 'searchTable',
               request : {
                   pageName : 'pageNum', // 頁碼的參數名稱，默認：page
                   limitName : 'pageSize' // 每頁數據量的參數名，默認：limit
               }

//以下代碼省略

}）

搜索事件

$(document).on('click', '.search-btn', function() {

               var title = $('#title').val()
               var data=form.val("appTypeForm");
               var pageNum='1';
               var pageSize='10';
               var addrDate = collectData;
               console.log("allDate", collectData);

//搜索後重新渲染table
               table.reload('searchTable', {
                   page:{
                       curr:1
                   },
                   where : {
                       title : title,
                       appType:data.appTypeSearch,
                       pageNum : pageNum,
                       pageSize :pageSize，
                       province: (addrDate.provinceCode == '' || addrDate.provinceCode == undefined) ? null : addrDate.provinceCode,
                       city: (addrDate.cityCode == '' || addrDate.cityCode == undefined) ? null : addrDate.cityCode,
                       area: (addrDate.countyCode == '' || addrDate.countyCode == undefined) ? null : addrDate.countyCode
                   }
               });
           })

問題：當檢索後，點擊分頁數字，查詢出的數據始終是第一頁的數據，在done裏返回的curr確實是正確的頁碼數，傳入後臺的pageNum始終是1。

解決：去除pageNum : pageNum,pageSize :pageSize，這兩個屬性layui會根據點擊的頁碼數自動傳給後臺，不需要在這裏再進行設置。

查看table.js源碼，發現：

if(options.url){ //Ajax請求
var params = {};
params[request.pageName] = curr;
params[request.limitName] = options.limit;

//參數，這裏，如果設置了where，則會替換params中相同的key，問題出在這裏。
var data = $.extend(params, options.where);
if(options.contentType && options.contentType.indexOf("application/json") == 0){ //提交 json 格式
data = JSON.stringify(data);
}

//下面省略