如何将加载掩码设置为整个网页，而不仅仅是网格面板答案

【问题标题】：how to set loading mask to whole web page, not the grid panel only如何将加载掩码设置为整个网页，而不仅仅是网格面板
【发布时间】：2013-12-18 04:01:31
【问题描述】：

我有一个选项卡面板，在加载网格面板时，用户可以切换选项卡和工具栏菜单。加载选项卡内容后让用户禁用整个页面网站的任何想法。用户只能访问其他组件。

这是我在加载数据存储时设置网格面板的方式：

grid.setLoading(true);

页面加载网格时，网格只出现加载掩码，如何在标签页加载时设置然后设置掩码。不是在页面加载时网格只启动掩码并等待数据存储获取数据。

车辆管理是我的默认标签页。
我的意思是当用户输入像http://mywebsite.com 这样的url 然后有一个掩码，等到车辆管理页面全部加载，然后取消掩码整个页面。当用户单击驱动程序管理器，然后再次屏蔽整个页面，等到所有页面加载后才取消屏蔽它。怎么做？

【问题讨论】：

标签： extjs

【解决方案1】：

您可以使用 Ext.getBody()
屏蔽整个页面

var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
myMask.show();

加载完所有内容后，只需隐藏掩码：

myMask.hide();

【讨论】：

【解决方案2】：

我相信你可以使用Ext.LoadMask

var myMask = new Ext.LoadMask(myPanel, {msg:"Please wait..."});
myMask.show();

完成后，您可以将其删除

myMask.hide();

【讨论】：

【解决方案3】：

grid.up('viewport').setLoading(true);

或：

grid.up('tabpanel').setLoading(true);

【讨论】：