如何使用TreeStore或TreeEditor组件更新数据?

时间:2011-05-02 19:21:04

标签: extjs extjs4

我使用tree.Panel和TreeStore组件。我使用JSON文件存储我的数据,但我想知道,如何使用TreeStore升级我的数据?!

我解释了我的问题:我的页面上有2个组件:

Tree.Panel用TreeStore和Panel显示数据来编辑数据,因为我没有找到如何直接编辑树?!

我想使用“提交”按钮更新我树上的数据,但我不明白该怎么做?!

如果可能的话?!

我不明白如何添加新节点,升级节点和删除节点?!

或者可能存在TreeEditor组件?!

非常感谢帮助:)

1 个答案:

答案 0 :(得分:9)

我认为我们还没有看到TreeEditor组件。但是有一些方法可以操纵现有的树。您应该能够使用NodeInterface的方法添加,更新,删除树节点。

您有以下方法:

  • 的appendChild
  • insertChild
  • 的insertBefore
  • removeChild之
  • 的replaceChild

等...

以下是如何将新节点附加到树中的示例代码:

var node = myTreeStore.getRootNode();

node.appendChild({
    text: 'A New node'
});

同样,您可以使用其他方法来操纵树。要将节点插入特定位置,您必须使用insertChild。对于此方法,您还必须指定位置。

简而言之,编辑树的访问点是TreeStore的getRootNode()方法。