javascript - EXTJS setRootNode 可能存在的错误

Question

我有一个树面板和树商店，我想将我的树面板保存到商店中，因为我正在使用:

var treepanel = Ext.create('Ext.tree.Panel', {
         title: 'Tree example',
         store: store,
         rootVisible: false,
         lines: true
});

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
    }
});

var button = Ext.create('Ext.button.Button', {
    text: 'test',
    handler: function() {
         treepanel.getRootNode().appendChild({text: 'child',
                                              leaf: true});
         store.setRootNode(treepanel.getRootNode());
    }
});

但这不起作用，但是如果我创建一个像这样的变量:

var aux = { root:{ 
                  expanded: true,
                  children: [{
                            text: 'child',
                            leaf: true
                           }]
           }}

我以同样的方式使用:

store.setRootNode(aux);

这很好用。有什么想法吗？这是 fiddle 示例，您可以使用按钮 1 和 2 并使用 firebug 检查错误:http://jsfiddle.net/fL5fT/28/

Answer 1

我认为你确实误解了你在 fiddle 中写的一些操作:

首先是这段代码:

treepanel.getRootNode().appendChild({text: 'child', leaf: true});

已将商品/子商品保存到该商店。所以你不需要这样做:

store.setRootNode(treepanel.getRootNode());

上一行中的下一个困惑是您正在尝试设置store的新RootNode。这种情况会在控制台中抛出错误，因为您试图设置语法错误的 RootNode。

这段代码可以工作:

var aux = { root:{ 
                  expanded: true,
                  children: [{
                            text: 'child',
                            leaf: true
                           }]
           }}

因为您已在此处创建了正确的新RootNode。

您需要注意，创建新的 RootNode 会丢弃之前添加到该存储的所有项目。