Extjs-如何插入/更新/删除-子节点-动态

我的问题类似于

唯一的区别是我使用的是Ext.Tree。我把主页分成两部分。 我保留了左边的部分用于以树状结构显示数据，右边的部分用于在屏幕上显示一些细节

当前有一些子节点位于根节点（源）下。当其中一个孩子点击时，我在屏幕的右侧填充了一些数据

谁能解释一下，当我在屏幕右侧的网格上添加或删除数据时，如何动态更新（插入/更新/删除）子节点

   Ext.onReady(function() {

    var Tree = Ext.tree;

    var tree = new Tree.TreePanel({
        useArrows: true,
        autoScroll: true,
        animate: true,
        enableDD: true,
        containerScroll: true,
        border: false,
        // auto create TreeLoader
        dataUrl:'[JS Array]',
        root: {
            nodeType: 'async',
            text: 'ALL',
            draggable: false,
            id: ''
        }
    });

    // render the tree
    tree.render('tree-div');
    tree.getRootNode().expand();
}); 

你应该看看这门课。它有addChild（）和getPath（）以及removeChild方法，可用于从树中删除节点和叶子

编辑：原始答案适用于不推荐的版本

当前文档链接：

---

当前的“经典”ext似乎已经统一了数据源，使用了一种更接近传统数据存储的东西，称为TreeStore，它应该允许您操作树的叶子和树枝。

您的链接似乎已断开。我已更新了链接Nicholas。您找到了如何更新树的解决方案吗？