jstree中json data 的生成

   jstree中json data 的生成

jstree官网上给出的json数据格式是这样的：

1. <span style="font-size:14px;">// Alternative format of the node (id & parent are required)
2. {
3. id          : "string" // required
4. parent      : "string" // required
5. text        : "string" // node text
6. icon        : "string" // string for custom
7. state       : {
8. opened    : boolean  // is the node open
9. checked: boolean  // is the node checked
10. disabled  : boolean  // is the node disabled
11. selected  : boolean  // is the node selected
12. },
13. li_attr     : {}  // attributes for the generated LI node
14. a_attr      : {}  // attributes for the generated A node
15. }</span>

如果我想要把一个文件夹及它里面的文件用jstree显示，怎么办呢？总不能自己再按上边的格式一个一个写吧。好了，这里就涉及到一个问题，怎么样把一个路径转化成json data.

举个例子：我在E盘下有一个test文件夹，我想要把test文件夹下的所有文件用jstree目录树显示。这时候jstree的数据源就应该是test文件夹的 json数据。

test文件夹下的目录结构如下图：

test文件目录它的json格式应该是这样的：

1. [{"attributes":{"id":"0"},"parent":"0","state":{"opened":false},"text":"test1" ,"children":[{"attributes":{"id":"1"},"parent":"0","state":{"opened":true},"text":"test1.1.txt" , "type":"leaf"  },{"attributes":{"id":"2"},"parent":"0","state":{"opened":true},"text":"test1.2.txt" , "type":"leaf"  }]  },{"attributes":{"id":"3"},"parent":"0","state":{"opened":true},"text":"test2.txt" , "type":"leaf" }]

上面的json格式中:

attributes:{id: }是每个节点的id.

parent:是这个节点的父节点的id

state:{opened:false} 表示的是这个节点的状态是不打开

children[]:表示的是这个节点的子节点。

如何把一个目录的路径，转化为上面的json格式呢？我们要用无限递归遍历这个目录，把相应信息提取出来，转化为json格式的字符串。

下面给出实现的代码：用Java写的：

1. /**
2. * 给定任意的路径 ，无限递归获得该路径下的所有节点，并转化为json串 ,把该json串存到root.json文件中， 用作jstree的数据源
3. * @param f parent
4. *        路径名 父节点ID
5. * @return str，然后将str写入文件中。
6. * @author YanniZhang
7. * @date 2015.4.17
8. */
9. package test;
10. import java.io.File;
11. import java.io.FileWriter;
12. import java.io.BufferedWriter;
13. import java.io.IOException;
14. public class test {
15. public static int parentId=0;
16. public static String str="";
17. public  static void main(String[] args) {
18. File f =new File("E:/test1");//给定的路径是E盘下的test文件夹。这里换成你想要转换成json串的任意路径
19. String str="[";
20. // 从根开始 ，调用ToJson()方法，把路径转化成json串。结果是str
21. str+=ToJson(f,0);
22. str += "]";
23. /**
24. * 把json串写入文件root.json中
25. *
26. */
27. try {
28. File file = new File("E:/root.json");
29. // if file doesn't exists, then create it
30. if (!file.exists()) {
31. file.createNewFile();
32. }
33. FileWriter fw = new FileWriter(file.getAbsoluteFile());
34. BufferedWriter bw = new BufferedWriter(fw);
35. bw.write(str);
36. bw.close();
37. } catch (IOException e) {
38. e.printStackTrace();
39. }
40. }
41. /*ToJson()方法，实现把指定路径转化为json串。采用无限递归遍历路径下的所有节点的方法实现*/
42. private  static String ToJson(File f,int parent) {
43. //杳出顶层的子节点
44. File[] files = f.listFiles();
45. //遍历它的子节点
46. for(int i=0; i<files.length; i++)
47. {
48. //有子节点
49. if(files[i].isDirectory())
50. {
51. str+= "{\"attributes\":{\"id\":\""  +parentId
52. + "\"},\"parent\":\""  + parent
53. + "\",\"state\":{\"opened\":false},\"text\":\"" + files[i].getName() + "\" ,";
54. str += "\"children\":[";
55. parent=parentId;
56. parentId++;
57. //遍历它的子节点
58. File[] list=files[i].listFiles();
59. for(int j=0;j<list.length;j++)
60. {
61. if(list[j].isDirectory())
62. {
63. //还有子节点（递归调用）
64. str+= "{\"attributes\":{\"id\":\""  +parentId
65. + "\"},\"parent\":\""  + parent
66. + "\",\"state\":{\"opened\":false},\"text\":\"" + list[j].getName() + "\" ,";
67. str += "\"children\":[";
68. parent=parentId;
69. parentId++;
70. ToJson(list[j],parent);
71. str+="]";
72. str+="  }";
73. if(j<list.length-1)
74. {
75. str+=",";
76. }
77. }
78. else
79. {
80. str += "{\"attributes\":{\"id\":\"" + parentId
81. + "\"},\"parent\":\""  + parent
82. + "\",\"state\":{\"opened\":true},\"text\":\"" + list[j].getName()
83. + "\" " + ", \"type\":\"leaf\"  }";
84. parentId++;
85. if (j < list.length - 1)
86. {
87. str += ",";
88. }
89. }
90. }
91. str+="]";
92. str+="  }";
93. if(i<files.length-1)
94. {
95. str+=",";
96. }
97. }
98. else
99. {
100. str += "{\"attributes\":{\"id\":\"" + parentId
101. + "\"},\"parent\":\""  + parent
102. + "\",\"state\":{\"opened\":true},\"text\":\"" + files[i].getName()
103. + "\" " + ", \"type\":\"leaf\" }";
104. parentId++;
105. if (i < files.length - 1)
106. {
107. str += ",";
108. }
109. }
110. }
111. return str;
112. }
113. }

得到的json数据存在E:/root.json

得到了任意一个路径的json 数据后。我们就要用这个json数据 生成目录树了。

如何利用上面生成的json数据请看下一篇博文：“jstree获得节点的相对路径”。