色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

easyui動態生成tree的json

錢淋西1年前10瀏覽0評論

EasyUI是一個基于jQuery的UI插件集合,可以非常便捷地實現復雜的前端界面操作和組建使用。其中,tree組件是非常常用的一個,可以將一些數據根據父子關系進行層級展示。在使用EasyUI的tree組件時,我們可以使用其提供的JSON格式數據來渲染tree,還能夠動態地根據我們的實際需要生成對應的JSON數據結構。

//動態生成tree的JSON示例
//定義一個json數組用來存放tree的節點信息
var treeData = [];
//創建根節點
var rootNode = {id:1,text:'根節點',children:[]};
treeData.push(rootNode);
//創建子節點和孫節點
var childNode1 = {id:2, text: '子節點1'};
var grandSonNode1 = {id:3, text: '孫子節點1'};
var grandSonNode2 = {id:4, text: '孫子節點2'};
//將孫子節點添加到子節點中
childNode1.children = [grandSonNode1, grandSonNode2];
//將子節點添加到根節點中
rootNode.children.push(childNode1);
//創建另一個子節點和孫節點
var childNode2 = {id:5, text: '子節點2'};
var grandSonNode3 = {id:6, text: '孫子節點3'};
var grandSonNode4 = {id:7, text: '孫子節點4'};
//將孫子節點添加到另一個子節點中
childNode2.children = [grandSonNode3, grandSonNode4];
//將另一個子節點添加到根節點中
rootNode.children.push(childNode2);
//生成tree
$('#tree').tree({
data: treeData
});

以上就是一個動態生成tree的JSON的示例代碼,創建一個json數組來存放tree的節點信息,可以先創建根節點,然后在根節點下面添加子節點和孫節點,最后將子節點添加到根節點中生成tree即可。