0

我看到很多线程都在谈论使用 getNodeById 或 getRootNode 方法和 appendChild 方法向 TreePanel 添加动态节点。

由于某种原因，我无法做到。我不知道我做错了什么，或者这是否与 Ext JS 3.4 有关。

有人能告诉我这是否正确吗？

{
    xtype: 'treepanel',
    id: 'testTreePanel',
    autoScroll: true,
    width: 250,
    collapsible: true,
    title: 'Navigation',
    containerScroll: true,
    enableDD: true,
    useArrows: true,
    collapsible: true,
    region: 'west',
    root: {
      allowDrag: false,
      allowDrop: false,
      iconCls: 'cover',
      id: 'testRootNode',
      text: 'Root Node'
    },
    loader: {

    }
  }

这是我正在做的动态添加节点的操作 -

var testNode = new Ext.tree.TreeNode({
     id: 'node_1',
     leaf: true,
     text: 'Test Node Text 1',
     allowDrag: false,
     allowDrop: false
});

Ext.getCmp('testTreePanel').getRootNode().appendChild(testNode);

我看到节点已添加到根目录下，如果我这样做 -

Ext.getCmp('testTreePanel').getRootNode().childNodes

但我也注意到roothas allowChildren: false, loaded: false, loading: trueandchildrenRendered: false

我见过的所有线程都说 appendChild 应该可以解决问题。我不确定我是否在这里遗漏了什么。

4

1 回答 1

6

以下代码适用于我：

var tree = new Ext.tree.TreePanel({
            id: 'treePanel',
            renderTo: Ext.getBody(),
            autoscroll: true,
            root:   {
                id: 'root',
                text : 'Root Node',
                expanded : true,
                leaf:false,
                children: []
            }
        });

        var treeNode = tree.getRootNode();

        treeNode.appendChild({
                id: 'c1',
                text: 'Child 1',
                leaf: true
        });
        treeNode.appendChild({
                id: 'c2',
                text: 'Child 2',
                leaf: true
        });
        treeNode.expandChildNodes(true);

与您的代码的唯一区别是您将 Ext.tree.TreeNode 实例传递给您的 appendChild 方法，而我只传递一个节点的对象配置，这是根据文档的正确方法 - > http:// docs.sencha.com/extjs/3.4.0/#!/api/Ext.tree.TreeNode-method-appendChild

如此微妙的差异，但似乎有很大的不同！？

于 2015-02-18T11:08:09.527 回答