jQuery - 有没有办法通知 jquery 对话框 ajax 提交操作？

Question

我正在寻找一种设计模式来处理模式对话框和调用它的页面之间的通知。

假设我有一个简单的 Html 页面，其中包含一个按钮，单击该按钮时会加载一些内容 通过 ajax 进入模式对话框（例如 jQuery UI 对话框）。加载的ajax内容包含 一个带有提交按钮的简单表单，它执行 ajax post。到目前为止，一切都很好 这很好用。

我通过邮寄执行后的问题是： (1) 通知对话框可以关闭？例如，如果我有一个名为“OnSuccess”的方法 我该去 $(??).dialog().close() 并 (2) 通知原始页面对话框在成功发布后关闭，以便可以采取 一个动作，例如重新绑定下拉菜单。

非常感谢任何指针

Answer 1

您可以使用 $.ajax 成功处理程序来关闭对话框。然后处理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
             }
        }
    });

});