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();