ExtJs動(dòng)態(tài)生成treepanel的Json格式
更新時(shí)間：2015年07月19日 11:47:17 投稿：hebedich
這篇文章主要介紹了ExtJs動(dòng)態(tài)生成treepanel的Json格式的相關(guān)資料,需要的朋友可以參考下
在節(jié)點(diǎn)中加上"checked"屬性，會(huì)自動(dòng)生成checkbox。
獲取選中節(jié)點(diǎn)
var nodeArray = "";
var nodesObj = mytree.getChecked();
var i;var length=nodesObj .length;
for (i = 0; i < length; i++) {
nodeArray += nodesObj[i].id + ','; //允許多選的情況。如果不允許多選，就直接nodesObj[i].id
}
nodeArray = nodeArray.substring(0, nodeArray.length - 1);
Json格式如下：
[{
"text": "To Do",
"cls": "folder",
"expanded": true,
"children": [{
"text": "Go jogging",
"leaf": true,
"checked": true
},{
"text": "Take a nap",
"leaf": true,
"checked": false
},{
"text": "Climb Everest",
"leaf": true,
"checked": false
}]
},{
"text": "Grocery List",
"cls": "folder",
"children": [{
"text": "Bananas",
"leaf": true,
"checked": false
},{
"text": "Milk",
"leaf": true,
"checked": false
},{
"text": "Cereal",
"leaf": true,
"checked": false
},{
"text": "Energy foods",
"cls": "folder",
"children": [{
"text": "Coffee",
"leaf": true,
"checked": false
},{
"text": "Red Bull",
"leaf": true,
"checked": false
}]
}]
},{
"text": "Remodel Project",
"cls": "folder",
"children": [{
"text": "Finish the budget",
"leaf": true,
"checked": false
},{
"text": "Call contractors",
"leaf": true,
"checked": false
},{
"text": "Choose design",
"leaf": true,
"checked": false
}]
}]
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
您可能感興趣的文章:
相關(guān)文章
Jquery中LigerUi的彈出編輯框(實(shí)現(xiàn)方法)
本篇文章是對(duì)Jquery中LigerUi的彈出編輯框的實(shí)現(xiàn)方法進(jìn)行了分析介紹，需要的朋友可以參考下2013-07-07
jQuery中綁定事件bind() on() live() one()的異同
本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
不定義JQuery插件 不要說(shuō)會(huì)JQuery
不定義JQuery插件，不要說(shuō)會(huì)JQuery，為什么這么說(shuō)，請(qǐng)看下文2016-03-03
jquery移除了live()、die(),新版事件綁定on()、off()的方法
下面小編就為大家?guī)?lái)一篇jquery移除了live()、die(),新版事件綁定on()、off()的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)拖拽小方塊效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
jQuery Selectors(選擇器)的使用(六、屬性篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法，我將以實(shí)例方式進(jìn)行講述，以簡(jiǎn)單，全面為基礎(chǔ)，不會(huì)涉及很深，我的學(xué)習(xí)方法：先入門(mén)，后進(jìn)階！2009-12-12
基于jquery的彈出提示框始終處于窗口的居中位置（類(lèi)似于alert彈出框的效果）
之前寫(xiě)的代碼，都是在當(dāng)前窗口位于居中，可是一旦窗口縮小或者放大都不是位于居中的位置了，但是一直想寫(xiě)的一個(gè)類(lèi)似于alert彈出窗口的效果。2011-09-09
下面小編就為大家?guī)?lái)一篇JQuery為元素添加樣式的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
jQuery創(chuàng)建DOM元素實(shí)例解析
這篇文章主要介紹了jQuery創(chuàng)建DOM元素的方法,實(shí)例分析了jQuery使用$直接創(chuàng)建DOM元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01