ExtJS 4.2第一次加载一些复杂的视图需要几秒钟

Question

我有一个带有导航菜单的应用程序，在每个导航项目上单击一个选项卡，用它的相应视图创建。

这是一个例子，我用来创建带有它的视图的标签：

 var me = this;

        var newTab = me.getMainTab().add({
            xtype: 'employeeview',
            closable: true,
            iconCls: "key",
            title: 'Employee View'
        });

        me.getMainTab().setActiveTab(newTab);

当第一次加载视图时，渲染需要1到3秒。下次立即加载。所以我想知道我是否可以像“加载视图...”那样展示一个面具，以避免给用户带来这种冰冻感。

Answer 1

如果你想掩盖标签面板，那么：

var tabpanel = me.getMainTab();
tabpanel.mask('Loading...');
// add a new tab
tabpanel.unmask();