dhtmlxtree是一款強大的JavaScript樹結構控件,支持JSON格式的數據組裝。利用JSON格式的數據組裝,可以輕松的構建出樹狀結構,為數據的展示和操作提供方便快捷的方式。
var treeData = [ { id: 1, text: "節點1", open: true, item: [ { id: 2, text: "節點2" }, { id: 3, text: "節點3" } ] }, { id: 4, text: "節點4", item: [ { id: 5, text: "節點5" }, { id: 6, text: "節點6", item: [ { id: 7, text: "節點7" }, { id: 8, text: "節點8" } ] } ] } ];
以上JSON格式數據可以通過dhtmlxtree的loadJSONObject方法來加載到樹結構中。
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格式數據加載到dhtmlxtree中,并通過openAllItems方法展開所有節點。
總之,使用dhtmlxtree的JSON格式數據組裝,可以非常方便的構建出樹狀結構,為數據展示和操作提供便利。