A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > ExtJs动态生成treepanel的Json格式

ExtJs动态生成treepanel的Json格式

时间:2015-07-20 10:21作者:fang人气:74

在节点中加上"checked"属性,会自动生成checkbox。

获取选中节点

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

}]

}]

以上所述就是本文的全部内容了,希望大家能够喜欢。

标签ExtJs,动态,生成,treepanel,Json,格式

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号