創建foods tree
首先,我們創建foods tree,代碼像這樣:
得到父節點
我們點擊節點以選擇fruit節點,我們添加一些fruits數據。調用getSelected方法來得到節點handle。
添加節點:
首先,我們創建foods tree,代碼像這樣:
<div style="width:200px;height:auto;border:1px solid #ccc;"> <ul id="tt" class="easyui-tree" url="tree_data.json"></ul> </div>注意,tree組件被定義在UL標記,tree節點數據載入tree_data.json。
得到父節點
我們點擊節點以選擇fruit節點,我們添加一些fruits數據。調用getSelected方法來得到節點handle。
var node = $('#tt').tree('getSelected');
getSelect方法的返回值是一個js對象,包括id,text,attributes和target屬性。target屬性是DOM對象,引用了被選擇的節點,使用append方法添加節點。
添加節點:
var node = $('#tt').tree('getSelected');
if (node){
var nodes = [{
"id":13,
"text":"Raspberry"
},{
"id":14,
"text":"Cantaloupe"
}];
$('#tt').tree('append', {
parent:node.target,
data:nodes
});
}
當我們添加一些fruits,可以看到:
