如何将子项添加到TreePanel中的节点？

Question

在像这样的树结构中

var rootNode = { 
              id: 'root',
              text : 'Root Node',
    expanded : true,
    children : [
    {
        id :  'c1',
        text : 'Child 1',
        leaf : true
    },
    {
        id :  'c2',
        text : 'Child 2',
        leaf : true
    },
    {
        id :  'c3',
        text : 'Child 3',
        children : [
        {
            id :  'gc1',
            text : 'Grand Child',
            children : [
            {
                id :  'gc11',
                text : 'Grand Child 1',
                leaf : true
            },
            {
                id :  'gc12',
                text : 'Grand Child 2',
                leaf : true
            }
            ]
        }
        ]
    }
    ]
};

var tree = new Ext.tree.TreePanel({
    id: 'treePanel',
    autoscroll: true,
    root: rootNode
});

如何添加任何节点的子节点(比如"孙子")？

我可以通过遍历treepanel的根来访问孩子,但是我在Firebug中登录它,它没有任何功能.很抱歉没有格式化的代码,我无法格式化它.

Answer 1

做这样的事情:

var treeNode = tree.getRootNode();
treeNode.expandChildren(true); // Optional: To see what happens
treeNode.appendChild({
        id: 'c4',
        text: 'Child 4',
        leaf: true
});
treeNode.getChildAt(2).getChildAt(0).appendChild({
        id: 'gc13',
        text: 'Grand Child 3',
        leaf: true
});

如果这是您需要的,请查看NodeInterface类.它有许多有用的方法:http: //docs.sencha.com/ext-js/4-0/#!/api/Ext.data.NodeInterface