sencha touch使用遮罩-优快云博客

本文介绍了解决云端在线笔记本项目中加载遮罩消失的问题。提供了两种方法：一是直接通过面板组件进行操作；二是利用Ext.Viewport进行更灵活且兼容性更好的遮罩管理。

问题：昨天将开发完成的云端在线笔记本项目打包成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是单例类，因此你可以在任意地方直接使用它。

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

转载于:https://my.oschina.net/crazymus/blog/94024