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

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