需要从 MVC 5 中的控制器操作关闭 Jquery UI 对话框

Question

我正在构建一个站点，我在其中调用 jquery ui 对话框中的局部视图。在局部视图中有一个“保存”按钮，可以将表单上的数据提交到数据库。目前它重定向到不同的视图。我希望它改为关闭对话框。我无法让它正确调用函数来关闭对话框。

这是我的代码：

在视图中：

<script type="text/javascript">
            $.ajaxSetup({ cache: false });
            $(document).ready(function () {
                $(".diagSave").on("click", function (e) {
                    e.preventDefault();
                    $("<div></div>")
                    .dialog({
                        title: $(this).attr("data-dialog-title"),
                        modal: true,
                        width: 1000,
                        success: function () {
                        $('#diagSave').dialog('close');
                    }
                    })

                    .load(this.href);
                })

            });
</script>

在控制器中：

return Json(new { success = true }, JsonRequestBehavior.AllowGet);

有人可以帮忙指出我如何做到这一点吗？

Answer 1

另一种方法是在 jquery 中处理保存点击，使用 .serialize 将表单集合发送到您的控制器，然后关闭对话框。

var formvalues = $('#yourformparentdiv form').serialize();
$.ajax({
     url: siteRoot + 'Home/YourControllerMethod',
     data: formvalues,
     async: true,
     type: "POST",
     ...

Answer 2

如果您需要处理关闭并从部分视图中保存，您需要在点击事件中处理关闭。

$("#partialview_savebutton").click(function(e){
    var $dlg = $(this).parents(".ui-dialog");
    //save the data
    $dlg.dialog("close");
});

您需要确保在将内容加载到对话框时绑定此方法。

我通常在我的对话框打开例程的末尾包含这个。

if(typeof initDlg == 'function') initDlg();

然后绑定我的事件处理程序并在我的部分视图中定义的 initDlg(){} 中配置我需要的任何验证。