基于layui table返回的值的多級(jí)嵌套的解決方法
我在學(xué)習(xí)layui的過(guò)程中遇到了table返回值的問(wèn)題,如果服務(wù)器端返回給你的數(shù)據(jù)是多級(jí)嵌套的話,那你在前臺(tái)是解析不了的,在table.js源碼中 它渲染數(shù)據(jù)是用了
data = res[options.response.dataName] || []
這個(gè)意味著它源碼不支持嵌套數(shù)據(jù)
舉個(gè)例子把 比如服務(wù)器端返回的數(shù)據(jù)中data>dataList>list
把這個(gè)數(shù)據(jù)返回給前段解析出來(lái)的是 res[data.dataList.list]類似這種的結(jié)構(gòu),當(dāng)然解析不了,所以我寫了一個(gè)方法處理返回的數(shù)據(jù)
function searchData(response,res,name){ var data = new Object(); var arr = response[name].split("/"), pre = arr[0]; data[pre] = res[pre]; for(var i = 1;i<arr.length;i++){ if(arr[i]){ var next = arr[i]; data[pre] = data[pre][next]; } }
然后再table.js中找到ajax下的success中 第一行寫
try{ countNameInfo = response.countName; dataNameInfo = response.dataName; //console.log(options.response) res.newcountName = searchData(response,res,“countName”); res.newdataName = searchData(response,res,“dataName”); }catch(err){ console.log(err.message); }
newcountName,newdataName在pullData中自己定義 之后讓
response.countName = countNameInfo; response.dataName = dataNameInfo;
最后在你table.render中的response中寫
countName: ‘你多級(jí)嵌套的節(jié)點(diǎn)值' //數(shù)據(jù)總數(shù)的字段名稱,默認(rèn):count ,dataName: ‘你多級(jí)嵌套的節(jié)點(diǎn)值' //數(shù)據(jù)列表的字段名稱,默認(rèn):data
以上面我寫的例子為例:‘data/dataList/list'
OK 至此你就可以處理多級(jí)嵌套的返回值了,如有不對(duì)的地方,還望多多包含?。?!
這篇基于layui table返回的值的多級(jí)嵌套的解決方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript連接多個(gè)數(shù)組不用concat來(lái)解決
這篇文章主要介紹了不用concat解決Javascript連接多個(gè)數(shù)組,需要的朋友可以參考下2014-03-03Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)
這篇文章主要介紹了Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)的相關(guān)資料,需要的朋友可以參考下2016-05-05js中如何復(fù)制一個(gè)數(shù)組(淺復(fù)制、深復(fù)制)
這篇文章主要介紹了js中如何復(fù)制一個(gè)數(shù)組(淺復(fù)制、深復(fù)制)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-04-04全面解讀TypeScript和JavaScript的區(qū)別
TypeScript和JavaScript是目前項(xiàng)目開發(fā)中較為流行的兩種腳本語(yǔ)言, TypeScript是JavaScript的一個(gè)超集,JavaScript是一種輕量級(jí)的解釋性腳本語(yǔ)言,本文主要介紹了兩者區(qū)別,感興趣的可以了解一下2023-09-09js仿百度登錄頁(yè)實(shí)現(xiàn)拖動(dòng)窗口效果
這篇文章主要為大家詳細(xì)介紹了js仿百度登錄頁(yè)實(shí)現(xiàn)拖動(dòng)窗口效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03用js判斷是否為360瀏覽器的實(shí)現(xiàn)代碼
這篇文章主要介紹了用js判斷是否為360瀏覽器的實(shí)現(xiàn)代碼,有時(shí)候我們需要判斷是否為360瀏覽器,包括百度聯(lián)盟后臺(tái)就有這樣的提示需要的朋友可以參考下2015-01-01微信網(wǎng)頁(yè)授權(quán)并獲取用戶信息的方法
這篇文章主要介紹了微信網(wǎng)頁(yè)授權(quán)并獲取用戶信息的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07