定期更新 EXTJS 4 Treepanel

Question

我想创建一个 Treepanel，每秒更新一次。 因此，我采用了带有代理的存储来获取数据：

store = new Ext.data.TreeStore({
    model: 'TaskState',
        proxy: {
        type: 'ajax',
        url : '/getTaskList'
},
    root: {
        expanded: true
}});

该存储似乎可以正常工作，数据显示在我的 TreePanel 中。

我尝试使用此功能更新 Treepanel：

function refresh(){
        store.load();
        window.setTimeout("refresh()", 1000);
    }

更新似乎也有效。不幸的是，更新会在每次更新时导致某种“闪烁”效果，因为整个树都会重新加载。我正在寻找一种仅刷新已更改节点的方法。

有什么方法可以做到这一点吗？

问候

Answer 1

有一种方法：
您可以将节点加载到某个临时存储并逐个节点更改主树的存储

Answer 2

如果您想添加任何新节点并且不想重新加载整个商店，那么您可以像这样添加

 //overModel is Ext.data.Model
 overModel.appendChild({
                        id: responseJson.data['id'],
                        text:responseJson.data['text'],
                        children:responseJson.data['children'],//array of childern
                        parent_id:responseJson.data['parent_id']

  });
  overModel.expand();

，如果您想加载整个商店，您可以执行类似这样的操作

Ext.data.StoreManager.lookup( 'StoreName').load({ params: {"p1": p1}});

加载商店。
要定期更新商店，您可以使用 DelatedTask< /a> 类。

查看 EXTJS 的 Documentation API 将为您提供更多详细信息。

Answer 3

商店像网格和商店一样绑定树面板，因此您可以从树面板获取商店

var store=treepanel.getStore()

，并且可以使用需要更新的分支重新加载商店

store.load({node:selectedNode})

Answer 4

您可以使用 TaskManager 来实现：

Ext.TaskManager.start({
    run: reloadStoreFunction,
    interval: 1000
});

这将每秒执行 reloadStoreFunction 。