ExtJs动态生成treepanel的Json格式

前端技术 2023/09/05 JavaScript

在节点中加上\"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
}]
}]

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

本文地址：https://www.stayed.cn/item/12036

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案