6

在这样的树结构中

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
});

如何添加任何节点的子节点（比如“孙子”）？

我可以通过遍历树形面板的根目录来访问孩子，但是我在 Firebug 中 console.logged 它，它没有任何功能。对不起，未格式化的代码，我无法格式化它。

树面板

4

2 回答 2

13

做这样的事情：

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

于 2012-04-23T08:30:10.570 回答
0

它可能是一个较旧的线程，但是，我遇到了一个问题，我向所选节点添加了一个子节点。我想通过展开选定的节点来显示新的孩子，但失败了。

原因：我添加了一个子节点的选定节点的属性“叶子”设置为真。那是正确的。但由于附加，这不再是真的。并且因为它，显然，Ext 拒绝扩展节点......

所以当心：当你将一个节点添加到另一个节点时，确保你将 parentNode 的 'leaf' 属性设置为 'false'：

var newNode = Ext.create('some.model.TreeModel', savedNode);
newNode.set('parentId', record.parentLocationId);
selectedNode.set('leaf', false);
selectedNode.appendChild(newNode);
selectedNode.expand();
treeView.getSelectionModel().select(newNode);
于 2015-09-10T11:36:42.270 回答