sencha touch使用遮罩

問題：昨天將開發完成的雲端在線筆記本項目打包成production後，發現登陸的loadmask不見了，筆記詳情的loadmask也不見了，這真讓人頭疼，部署後也無法檢查問題在哪裏。

找到了解決辦法：

幾乎全部組件都有setMasked() 和 unmask方法，所以咱們能夠這樣使用遮罩:

開啓遮罩：

panel.setMasked({
        type:'loadmask',
        message:'加載中...'
  });

關閉遮罩:

panel.unmask();

這是最簡單的方法了，但我發現，當你部署應用後，這些遮罩會消失。
因而我嘗試了一種兼容性更好的方法。

開啓遮罩：

Ext.Viewport.add({
  xtype:'loadmask',
  message:'加載中...',
  id:'panel-mask'  //賦給它id
});

關閉遮罩：

Ext.Viewport.remove(Ext.getCmp('panel-mask'));

由於Ext.Viewport是單例類，所以你能夠在任意地方直接使用它。

這種方法通過我測試，百試不爽。