1. 程式人生 > >實現iframe巢狀的子頁面彈出框覆蓋父頁面案例

實現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');
                },
            });
        }