解決layui的table插件無(wú)法多層級(jí)獲取json數(shù)據(jù)的問(wèn)題

第解決layui的table插件無(wú)法多層級(jí)獲取json數(shù)據(jù)的問(wèn)題對(duì)于layui的table插件無(wú)法多層級(jí)獲取json數(shù)據(jù)的解決方法,版本：2.2.6

根據(jù)官方文檔你接口返回的數(shù)據(jù)格式，遵循response對(duì)應(yīng)的字段名稱。

默認(rèn)的格式為如下：

code:0,//數(shù)據(jù)狀態(tài)的字段名稱，默認(rèn)：code

msg:“”,//狀態(tài)信息的字段名稱，默認(rèn)：msg

count:1000,//數(shù)據(jù)總數(shù)的字段名稱，默認(rèn)：count

data:[]//數(shù)據(jù)列表的字段名稱，默認(rèn)：data

}

那么當(dāng)后臺(tái)返回的數(shù)據(jù)為如下格式時(shí)：就無(wú)法直接獲取到“l(fā)ist”和“total”了

{“status”:0,

“msg”:”超級(jí)管理員查詢成功”,

“data”:{

“pageNum”:1,

“pageSize”:10,

“size”:2,

“total”:2,

“l(fā)ist”:[

{“phone”:,”username”:”旺”,”passwd”:”1”,”usegrant”:”0”,”leader”:”“,”chancecount”:”1000”,”createtime”:1528369281000,”updatetime”:1528369285000,”usecount”:”0”},

{“phone”:,”username”:”彬”,”passwd”:”1”,”usegrant”:”0”,”leader”:”“,”chancecount”:”100”,”createtime”:1528422270000,”updatetime”:1528422270000,”usecount”:”0”}

]

解決方案：

1.最直接的方法是叫后臺(tái)人員直接改為官方文檔的方式

2.先通過(guò)ajax獲取到數(shù)據(jù)，然后通過(guò)data屬性進(jìn)行賦值，當(dāng)涉及到分頁(yè)時(shí)，代碼會(huì)比較冗余；

3.通過(guò)url屬性賦值，則在table源文件中M.prototype.page方法下添加以下代碼：

varmultilevel=function(data,list){

vard=data;

for(variinlist){

d=d[list[i]];

returnd

varrenderResponse=function(data){

varstatusNameLsit=r.statusName.split("."),

msgNameLsit=r.msgName.split("."),

countNameLsit=r.countName.split("."),

dataNameLsit=r.dataName.split(".");

vardataTemp={};

dataTemp[r.statusName]=multilevel(data,statusNameLsit);

dataTemp[r.msgName]=multilevel(data,msgNameLsit);

dataTemp[r.countName]=multilevel(data,countNameLsit);

dataTemp[r.dataName]=multilevel(data,dataNameLsit);

returndataTemp;

在M.prototype.page中ajax請(qǐng)求成功函數(shù)success里添加以下代碼：

typeofrenderResponse==='function'(t=renderResponse(t));

使用時(shí)：在response屬性中用.來(lái)分割層級(jí)，代碼如下:

response:{

statusName:'status'//數(shù)據(jù)狀態(tài)的字段名稱，默認(rèn)：code

,statusCode:0//成功的狀態(tài)碼，默認(rèn)：0

,msgName:'msg'//狀態(tài)信息的字段名稱，默認(rèn)：msg

,countName:'data.total'//數(shù)據(jù)總數(shù)的字段名稱，默認(rèn)：count

,dataName:'data.list'//數(shù)