emement 框架中tree數(shù)據(jù)互轉(zhuǎn)盹兢,嵌套結(jié)構(gòu)與扁平互轉(zhuǎn)

由于要使用emement的tree,但是數(shù)據(jù)格式是固定的守伸,又存在后臺(tái)給的數(shù)據(jù)不符合格式绎秒,所以需要轉(zhuǎn)換一下數(shù)據(jù)。

????????????????????????????????????????以下數(shù)據(jù)僅為2種格式示例含友,不是互相轉(zhuǎn)成的

嵌套結(jié)構(gòu)格式為:

扁平數(shù)據(jù)格式為:

轉(zhuǎn)換成符合element的 tree嵌套類(lèi)型的嵌套結(jié)構(gòu):(調(diào)用方法是? this.toTree(this.data))


由于tree的數(shù)據(jù)可能有需求谓厘,要修改完成后點(diǎn)擊提交,整體將數(shù)據(jù)發(fā)送給后臺(tái)翻默,這樣又需要嵌套結(jié)構(gòu)轉(zhuǎn)換成扁平結(jié)構(gòu)的:(調(diào)用方法是? this.toData(this.data,0))



toTree(data) {

? ? ? ? ? ? ? ? data.forEach(function (item) {

? ? ? ? ? ? ? ? ? ? delete item.children;

? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? var map = {};

? ? ? ? ? ? ? ? data.forEach(function (item) {

? ? ? ? ? ? ? ? ? ? map[item.id] = item;

? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? var val = [];

? ? ? ? ? ? ? ? data.forEach(function (item) {

? ? ? ? ? ? ? ? ? ? var parent = map[item.pid];

? ? ? ? ? ? ? ? ? ? if (parent) {

? ? ? ? ? ? ? ? ? ? ? ? (parent.children || ( parent.children = [] )).push(item);

? ? ? ? ? ? ? ? ? ? } else {

? ? ? ? ? ? ? ? ? ? ? ? val.push(item);

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? return val;

? ? ? ? ? ? },

toData(data, pid){

? ? ? ? ? ? ? ? var arr = [];

? ? ? ? ? ? ? ? for (var i = 0; i < data.length; i++) {

? ? ? ? ? ? ? ? ? ? arr.push({ id: data[i].id, label: data[i].label, pid: pid });

? ? ? ? ? ? ? ? ? ? if (data[i].children) arr = arr.concat(this.toData(data[i].children, data[i].id));

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? return arr;

? ? ? ? ? ? },

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末隧期,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子惠赫,更是在濱河造成了極大的恐慌把鉴,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件儿咱,死亡現(xiàn)場(chǎng)離奇詭異庭砍,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)混埠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)怠缸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人钳宪,你說(shuō)我怎么就攤上這事揭北“饩妫” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵搔体,是天一觀的道長(zhǎng)恨樟。 經(jīng)常有香客問(wèn)我,道長(zhǎng)疚俱,這世上最難降的妖魔是什么劝术? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮呆奕,結(jié)果婚禮上养晋,老公的妹妹穿的比我還像新娘。我一直安慰自己登馒,他們只是感情好匙握,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著陈轿,像睡著了一般圈纺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上麦射,一...
    開(kāi)封第一講書(shū)人閱讀 49,036評(píng)論 1 285
  • 那天蛾娶,我揣著相機(jī)與錄音,去河邊找鬼潜秋。 笑死蛔琅,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的峻呛。 我是一名探鬼主播罗售,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼钩述!你這毒婦竟也來(lái)了寨躁?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤牙勘,失蹤者是張志新(化名)和其女友劉穎职恳,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體方面,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡放钦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了恭金。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片操禀。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖横腿,靈堂內(nèi)的尸體忽然破棺而出床蜘,到底是詐尸還是另有隱情辙培,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布邢锯,位于F島的核電站,受9級(jí)特大地震影響搀别,放射性物質(zhì)發(fā)生泄漏丹擎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一歇父、第九天 我趴在偏房一處隱蔽的房頂上張望蒂培。 院中可真熱鬧,春花似錦榜苫、人聲如沸护戳。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)媳荒。三九已至,卻和暖如春驹饺,著一層夾襖步出監(jiān)牢的瞬間钳枕,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工赏壹, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鱼炒,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓蝌借,卻偏偏與公主長(zhǎng)得像昔瞧,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子菩佑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容