2012-04-24 78 views
0

我喜歡有一個與外部URL鏈接的對話模式,並且在對話框內允許保存而不關閉對話框。我不確定這是做到這一點的最佳方式,但至少在按鈕保存對話框模式時不會關閉。因此,爲了使我點擊保存在模式彈出按鈕不關閉對話框,我是iframe一起使用,但也有2個問題:如果沒有//dialog.load(url); 與ASP.net的Jquery對話框

  • 的iframe可以運行

    1. 的CSS是不同的不會自動調整大小。

    因此,任何人都得到這個解決方案?

    $('.popupEdit').click(function() { 
        var url = this.href; 
    
    
        var dialog = $('<div id="pEdit"><iframe id="iframedit" src="' + url + '" style="width:1200px;height:490px;" frameborder="0" ></iframe></div>').appendTo('body'); 
        //var dialog = $('<iframe src="' + url + '" style="width:1200px;height:490px;"></iframe>').appendTo('body'); 
        //dialog.load(url); 
        dialog.dialog({ 
         autoResize: true, 
         height: 'auto', 
         width: 'auto', 
         modal: true, 
         position: 'center', 
         draggable: true, 
         open: function (type, data) { $(this).parent().appendTo("form"); }, 
         close: function (type, data) { $("[id$=btnSearch]").click(); } 
        }); 
    
  • +0

    我沒有看到一個「保存」按鈕,並在iframe似乎並不像你給出的說明和不匹配,說明該代碼的妥善解決。 – 2012-04-24 12:39:21

    +0

    對不起,標題。保存按鈕位於外部鏈接中。 – tsohtan 2012-04-25 01:05:35

    回答

    0

    可能是這種替代可爲您提供的要求:

    您可以在http://www.scriptiny.com/2009/05/javascript-popup-box/ 使用迷你組合套件彈出與Iframe選項。

    有你所說的都提到相同功能...

    +0

    感謝您的鏈接,它幾乎和我的一樣。可能是我可以自定義CSS,因爲這看起來比jquery庫更容易改變。 :) – tsohtan 2012-04-25 01:02:55