Extjs 实现Iframe的子窗口遮罩整个页面

Extjs 可以使用弹出Windows 的方式， 遮罩页面

var winMasking = new Ext.Window({
   title: 'Action in Progress. Please Wait...',
   layout: 'fit',
   width: 350, height: 150,
   items:[{html:'<img src=\"loading.gif\">'}],
   resizable: false, 
   closable: false,
   id:'winMask',
   modal:true
   });
winMasking.show();

现在有这样一个需求:

有三个jsp页面

主页面A.jsp

里面使用iframe方式嵌入了两个页面 A1.jsp , A2.jsp

现在要在A2.jsp 中弹出页面遮罩整个页面。

解决方式如下：

1. 主页面 A.jsp中必须也引入 Extjs 相关的 js 和CSS文件

2. 使用 new top.Ext.Window 弹出遮罩页面