這篇文章主要介紹了ExtJs動(dòng)態(tài)生成treepanel的Json格式的相關(guān)資料,需要的朋友可以參考下

在節(jié)點(diǎn)中加上"checked"屬性，會(huì)自動(dòng)生成checkbox。

獲取選中節(jié)點(diǎn)

1. var nodeArray = ""; 
2. var nodesObj = mytree.getChecked(); 
3.  
4. var i;var length=nodesObj .length; 
5. for (i = 0; i < length; i++) { 
6. nodeArray += nodesObj[i].id + ','; //允許多選的情況。如果不允許多選，就直接nodesObj[i].id  
7. } 
8.  
9. nodeArray = nodeArray.substring(0, nodeArray.length - 1);  

Json格式如下：

1. [{ 
2. "text": "To Do",  
3. "cls": "folder", 
4. "expanded": true, 
5. "children": [{ 
6. "text": "Go jogging", 
7. "leaf": true, 
8. "checked": true 
9. },{ 
10. "text": "Take a nap", 
11. "leaf": true, 
12. "checked": false 
13. },{ 
14. "text": "Climb Everest", 
15. "leaf": true, 
16. "checked": false 
17. }] 
18. },{ 
19. "text": "Grocery List", 
20. "cls": "folder", 
21. "children": [{ 
22. "text": "Bananas", 
23. "leaf": true, 
24. "checked": false 
25. },{ 
26. "text": "Milk", 
27. "leaf": true, 
28. "checked": false 
29. },{ 
30. "text": "Cereal", 
31. "leaf": true, 
32. "checked": false 
33. },{ 
34. "text": "Energy foods", 
35. "cls": "folder", 
36. "children": [{ 
37. "text": "Coffee", 
38. "leaf": true, 
39. "checked": false 
40. },{ 
41. "text": "Red Bull", 
42. "leaf": true, 
43. "checked": false 
44. }] 
45. }] 
46. },{ 
47. "text": "Remodel Project",  
48. "cls": "folder", 
49. "children": [{ 
50. "text": "Finish the budget", 
51. "leaf": true, 
52. "checked": false 
53. },{ 
54. "text": "Call contractors", 
55. "leaf": true, 
56. "checked": false 
57. },{ 
58. "text": "Choose design", 
59. "leaf": true, 
60. "checked": false 
61. }] 
62. }] 

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。