EasyUI Tree添加節點


創建foods tree
首先,我們創建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,可以看到:
\

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM