2011-09-13 21 views
1

我正在尋找設計模式來處理模態對話框和調用它的頁面之間的通知。假設我有一個簡單的Html頁面,其中包含一個按鈕,點擊該按鈕後,通過ajax將一些內容加載到模式對話框(例如jQuery UI對話框)中。加載的ajax內容包含 帶有提交按鈕的簡單表單,並執行ajax文章。到目前爲止,這麼好,並且所有的 這工作正常。jQuery - 有沒有辦法通知ajax提交操作的jQuery對話框?

我的問題後,我已經完成後我如何: (1)通知對話,它可以關閉?例如如果我有一個名爲'OnSuccess' 的方法,我會去$(??)。dialog()。close()和 (2)通知原始頁面,對話框在成功發佈後關閉,因此可能需要 一個操作例如重新綁定下拉菜單。

Graphic illustration of events

任何指針是極大的讚賞

回答

0

你可以使用$就成功處理程序關閉對話框。然後處理dialog.close事件,告訴網頁重新綁定。類似這樣的:

// Handler to open dialog 
$("#AddItem").click(function() { 

    // Show dialog 
    $("#DialogElement").dialog({ 
     close: function() { 
      // code to rebind the drop down 
     }, 
     buttons: { 
      SaveItem: function() { 
       // Code to save item to db 

       $(this).dialog("destroy"); 
       // Or you can put code to rebind drop down here too 
      } 
     } 
    }); 

});