实现iframe嵌套的子页面弹出框覆盖父页面案例

我最近开发一个项目需要用到window弹出框，前台涉及到了eaysui框架，查看了api只是告诉你window("open")和window("close"),但是打开的只是子页面里面的弹框，因此我想把这个方法记录下来。

第一点：要给父iframe页面一个

<div id="parentWindow"></div>

第二点：在你的子页面里面来获取到这个父页面的对象获取方法是：

 var $parent = self.parent.$;

第三点：获取到父页面的对象怎么用如下：

 $parent('#parentWindow').window({
                modal:true,
                width:898.667,
                height:480,
                maximizable:false,
                href:'',
                title:'题目样式',
                onBeforeClose:function(){
                   
                }
            });

这里的属性href是url，文件的路径。
以上操作基本上就可以了。



另一种方式：

function showAddReportDialog(){
            var reportDialog =  parent.ns.modalDialog({
                title : '新增报告',
                width : 900,
                height : 600,
                resizable : true,
                url : '${ct}/businessConsole/report/reportAdd.do',
                handler : function(){
                    reportDialog.find('iframe').get(0).contentWindow.submitUser(reportDialog,reportGrid,parent.$);
                },
                onBeforeClose:function(){
                    reportGrid.datagrid('reload');
                },
            });
        }