sencha touch使用遮罩

几乎所有组件都有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是单例类，因此你可以在任意地方直接使用它。

这种方法经过我测试，百试不爽。