如何定期更新TreePanel而不显示"更新..."影响?

时间:2015-07-06 13:29:14

标签: extjs

我有TreePanel我需要定期更新。我在ViewController上使用了以下代码:

'treepanel[name="servers"]' : {
        load: function(self, records, successful, operation, node, eOpts) {
            setTimeout(function() {
                self.reload();
            }, 2500);
        }
 },

但每次重新加载时,都会触发“加载......”#34;面板上的消息瞬间闪烁,然后显示更新的数据。

这是TreePanel代码:

{
                                xtype : 'treepanel',
                                name : 'servers',
                                id: 'conexao-servers',
                                title : 'Selecione o servidor',
                                flex : 1,
                                overflowY : 'scroll',
                                autoScroll : true,
                                margin : 5,
                                store : Ext.create('Web.store.Servers'),
                                displayField : 'name',
                                rootVisible : false,
                                autoLoad : true,
                                listeners : {
                                    afterrender : function(panel) {
                                        panel.header.insert(panel.header.items.lenght + 1, [
                                            {
                                                xtype : 'button',
                                                name : 'flatView',
                                                text : 'Flat view'
                                            }
                                        ]);
                                    },
                                },
                                bind: {
                                    disabled: '{treeDisabled}'
                                }
                            },

它的样子:

YouTube video

是否可以无缝地完成,不显示任何消息或效果,只需更新数据?

我正在使用ExtJS 5.1。

1 个答案:

答案 0 :(得分:1)

将属性 loadMask 设置为false。它是 viewConfig 的子属性。

{
   xtype : 'treepanel',
   viewConfig: {
      loadMask: false
   },
   // ...
}