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

来源:互联网 发布:水印制作软件 编辑:程序博客网 时间:2024/05/01 14:14

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 弹出遮罩页面