几乎所有组件都有setMasked() 和 unmask方法,因此我们可以这样使用遮罩:
开启遮罩:
1
2
3
4
|
panel.setMasked({
type:
'loadmask'
,
message:
'加载中...'
});
|
关闭遮罩:
1
|
panel.unmask();
|
这是最简单的方法了,但我发现,当你部署应用后,这些遮罩会消失。
于是我尝试了一种兼容性更好的方法。
开启遮罩:
1
2
3
4
5
|
Ext.Viewport.add({
xtype:
'loadmask'
,
message:
'加载中...'
,
id:
'panel-mask'
//赋给它id
});
|
关闭遮罩:
1
|
Ext.Viewport.remove(Ext.getCmp(
'panel-mask'
));
|
因为Ext.Viewport是单例类,因此你可以在任意地方直接使用它。
这种方法经过我测试,百试不爽。