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

Question

我的问题是类似http://www.sencha.com/forum/showthread.php?2916-insert-update-delete-child-nodes-dynamically

唯一的区别是我使用Ext.Tree。我将主页分成两部分。 我保留左部分用于显示树形结构中的数据，右部分用于显示屏幕中的一些细节。

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

任何人都可以解释我如何动态更新（插入/更新/删除）子节点，当我添加或删除网格的右侧部分屏幕上的数据。

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

Answer 1

你应该看看TreeNode类。它有方法addChild（）和getPath（）和removeChild，可用于从树中删除节点和树叶。

编辑：原来答案是一个过时的版本

当前文档链接：http://docs.sencha.com/extjs/6.2.1/classic/Ext.data.TreeStore.html#methods

目前“经典”转似乎已经统一数据源使用的东西更接近传统的数据商店叫做TreeStore，它应该允许你操纵树的叶子和树枝。