你如何在父/開啓器窗口中打開一個jQuery UI對話窗口？

我想從一個子窗口中打開父窗口中的jQuery UI對話框。換句話說，因爲孩子只能在其窗口的約束下彈出對話框，所以我希望能夠在父窗口的約束條件下使用對話框彈出窗口的內容。你如何在父/開啓器窗口中打開一個jQuery UI對話窗口？

我試圖使用window.opener來綁定鏈接，但沒有太多的運氣。

下面是從骨幹查看HTML頁面打開的窗口中代碼：

popoutWindow = window.open("campaign/genericPopout.aspx", "search", "width=800, height=600, toolbar=0, status=0, menubar=0, scrollbars=1, resizable=1", true);

的genericPopout.apsx的號召，即建立，與骨幹網景，使用此命令文件中，

new popupSearchView();

它調用下面的骨幹查看：

var popupSearchView = Backbone.View.extend({ 
    events: { 
     "click #closeBtn" : "closePopupSerachView" 
    }, 

    initialize: function() { 
     this.template = _.template("<div id='searchPopupView'>" + 
             "<div style='width: 100%; text-align: center;'>Hello World</div>" + 
             "<div style='text-align: center;'><input type='button' id='closeBtn' value='Close' /></div>" + 
            "</div>" 
           ); 
     this.render(); 
    }, 

    render: function() { 
     formString = this.template(); 
     $(formString).dialog({ 
      autoOpen: true, 
      height:460, 
      width: 350, 
      title: "Search", 
      modal: false 
     }) 

     return this; 
    }, 

    closePopupSearchView: function() { 
     $(this).dialog("close"); 
    } 
});

它打開彈出式撥號在新打開的窗口內沒有問題，但它似乎不起作用。在父窗口中的HTML，我專門爲這個對話框一個div：

<div id="popupSearchViewDiv"></div>

，我試圖通過這個骨幹EL設置爲這個div：

el: $("popupSearchViewDiv", window.opener.document)

然而，這似乎並沒有工作。有關我如何完成此任務的任何想法？

謝謝你

來源

2016-02-25 Matthew Dewell

我想出了一個辦法做到這一點。我不確定它有多高效，但它可能是唯一的方法。

在開啓器窗口中，我把代碼的jquery的UI對話框：

function openSearchViewPopup() { 
    $("#popupSearchViewDiv").dialog({ 
     autoOpen: true, 
     height:460, 
     width: 350, 
     title: "Search", 
     modal: false 
}

與預定義DIV中的的Index.aspx：

<div id="popupSearchViewDiv"></div>

根據從索引打開窗戶.aspx保存上面的功能代碼，我打電話這樣的功能：

render: function() { 
    var htmlToWrite = this.template(); 
    $(window.opener.docuemnt.getElementById("popupSearchViewDiv").append(htmlToWrite); 

    $window.opener.openSearchViewPopup(); 
}

這似乎是allo w jquery-ui對話框彈出窗口在window.opener窗口中打開並在那裏使用。

來源

2016-02-29 14:05:32

你如何在父/開啓器窗口中打開一個jQuery UI對話窗口？

回答

相關問題