實現iframe巢狀的子頁面彈出框覆蓋父頁面案例
阿新 • • 發佈:2019-02-09
我最近開發一個專案需要用到window彈出框,前臺涉及到了eaysui框架,查看了api只是告訴你window("open")和window("close"),但是開啟的只是子頁面裡面的彈框,因此我想把這個方法記錄下來。
第一點:要給父iframe頁面一個
<div id="parentWindow"></div>
第二點:在你的子頁面裡面來獲取到這個父頁面的物件獲取方法是:
var $parent = self.parent.$;
第三點:獲取到父頁面的物件怎麼用如下:
這裡的屬性href是url,檔案的路徑。$parent('#parentWindow').window({ modal:true, width:898.667, height:480, maximizable:false, href:'', title:'題目樣式', onBeforeClose:function(){ } });
以上操作基本上就可以了。
另一種方式:
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'); }, }); }