javascript - 如何刷新树列表布局？

Question

我有一个像这样定义的treelist:

{
    xtype: "treelist",
    itemId: "MainMenu",
    store: {
        root: {
            expanded: true,
            children: [{
                 text: "One",
                 leaf: true,
                 iconCls: "x-fa fa-frown-o"
            }]
        }
    }
}

当我加载页面时，我看到这个树列表渲染正常。然后我单击一个按钮，该按钮执行以下代码:

mainmenu.getStore().add({
    text: "Two",
    leaf: true,
    iconCls: "x-fa fa-frown-o"
});
console.log(mainmenu.getStore().getCount()); // prints out correct value 2

问题是我在树列表中仍然只看到一项。换句话说，treelist 存储区填充了新数据，但不显示它。那么，我该如何修复它呢？我想应该有某种刷新或更新方法，它将刷新 TreeView 。

Answer 1

您的问题可能是错误地使用了 TreeStore。树存储有一个根，该根的子节点由 TreeList 递归显示。但是，要实际添加到树存储，您应该使用 NodeInterface .

就您而言:

mainmenu.getStore().getRootNode().appendChild({
    text: "Two",
    leaf: true,
    iconCls: "x-fa fa-frown-o"
});