dhtmlxtree是一款強(qiáng)大的JavaScript樹結(jié)構(gòu)控件，支持JSON格式的數(shù)據(jù)組裝。利用JSON格式的數(shù)據(jù)組裝，可以輕松的構(gòu)建出樹狀結(jié)構(gòu)，為數(shù)據(jù)的展示和操作提供方便快捷的方式。

var treeData = [
{
id: 1,
text: "節(jié)點(diǎn)1",
open: true,
item: [
{ id: 2, text: "節(jié)點(diǎn)2" },
{ id: 3, text: "節(jié)點(diǎn)3" }
]
},
{
id: 4,
text: "節(jié)點(diǎn)4",
item: [
{ id: 5, text: "節(jié)點(diǎn)5" },
{
id: 6,
text: "節(jié)點(diǎn)6",
item: [
{ id: 7, text: "節(jié)點(diǎn)7" },
{ id: 8, text: "節(jié)點(diǎn)8" }
]
}
]
}
];

以上JSON格式數(shù)據(jù)可以通過(guò)dhtmlxtree的loadJSONObject方法來(lái)加載到樹結(jié)構(gòu)中。

var tree = new dhtmlXTreeObject("treebox", "100%", "100%", 0);
tree.setImagePath("/dhtmlxtree/imgs/csh_" + dhtmlx.skin + "/");
tree.enableCheckBoxes(true);
tree.loadJSONObject(treeData, function() {
tree.openAllItems();
});

利用以上代碼，可以輕松的將JSON格式數(shù)據(jù)加載到dhtmlxtree中，并通過(guò)openAllItems方法展開所有節(jié)點(diǎn)。

總之，使用dhtmlxtree的JSON格式數(shù)據(jù)組裝，可以非常方便的構(gòu)建出樹狀結(jié)構(gòu)，為數(shù)據(jù)展示和操作提供便利。