Ext JS 4.0.7加载掩码不适用于Grid

时间:2013-12-27 04:55:44

标签: extjs extjs4

网格的加载掩码不起作用,它在同一网格的dockedItems中的按钮处理程序中触发。 (我正在使用Ext JS 4.0.7)

但在控制台中,

viewareaGrid = Ext.getCmp('mva')
viewareaGrid.setLoading(true);

上面的代码在控制台中完美显示了加载掩码。

下面的代码是我手动过滤用户的视图。

filterFunction()将运行至少4秒。

可能出现什么问题?

Ext.define('AM.view.main.user', {
    id:'mva',
    extend:'Ext.grid.Panel',
    region:'center',
    alias:'widget.mva',
    store:'user',

    dockedItems:[

                {
                    id:'filter',
                    text:'Filter',
                    xtype:'button',
                    handler:function () {
                        var viewareaGrid = Ext.getCmp('mva')
                        viewareaGrid.setLoading(true);
                        filterFunction();
                        viewareaGrid.setLoading(false);
                    }
                }]

});

1 个答案:

答案 0 :(得分:2)

这样做的一种方法是创建一个callBack函数来隐藏掩码并在filterFunction中执行它。还可以使用'defer'调用filterFunction来为浏览器提供呼吸空间以呈现加载掩码。

在这里小提琴:https://fiddle.sencha.com/#fiddle/2d8