关闭 ajax 成功的模态表单答案

【问题标题】：close modal form on ajax succes关闭 ajax 成功的模态表单
【发布时间】：2013-07-30 13:04:19
【问题描述】：

我有一个包含ajax.beginform. 的模态对话框

在一个视图中，我有一个选定用户的角色列表，当我单击 add 时，将使用 ajax 创建对话框

查看：

<div id="popupAgregarRolModal" title="@Res_String.AsaignRol">
    <!-- Client Partial, empty for now -->
</div>


<script>

    $(document).ready(function () {

        $(".AddRolButton").on("click", function (event) {
            event.preventDefault();
            $.ajax({
                url: "Permiso/_GestionarRol?idSelectedUser=" + $("#AdmPerGridBUsquedaUsuarioSelectedRow").val(),
                type: "GET",
            })
            .done(function (result) {
                $("#popupAgregarRolModal").html(result).dialog({ modal: true, height: 'auto', width: 'auto', resizable: false });
            });
        });
    });

    function closeDialogNuevoRol(Result) {
        $("#popupAgregarRolModal").dialog('destroy');
    }

</script>

，对话框包含一个 ajax.beginform，如：

 using (Ajax.BeginForm("SetPermiso", "Permiso", new AjaxOptions
            {
                UpdateTargetId = "ABMPermisos",
                InsertionMode = InsertionMode.Replace,
                HttpMethod = "POST",
                OnSuccess = "closeDialogNuevoRol"

            }, new { @id = "AddRolForm" }
                                  )
                   )
            { 
.
.
.

这个想法是，在我向我的用户添加一个新角色后，ajax 目标会在视图上上传角色列表，这是在我的控制器上使用redirecttoaction 完成的，如果所有的审查和插入逻辑都发生了，那么我想关闭拨号，但我只得到 p>

未捕获的错误：无法在初始化之前调用对话框上的方法；试图调用方法'destroy'

【问题讨论】：

标签： asp.net-mvc-4 jquery-ui-dialog ajax.beginform

【解决方案1】：

要关闭一个 jQuery 模态对话框，你可以这样：

$("#popupAgregarRolModal").dialog("close");

希望这会有所帮助。

编辑：尝试像这样初始化模态，而不是在按钮的单击事件中：

$(document).ready(function () {
    $("#popupAgregarRolModal").dialog({ autoOpen: false, modal: true, resizable: false, draggable: false });
});

然后你可以为点击事件单独设置一个函数。

$(".AddRolButton").click(function () {
    //Do stuff
});

This post might help

【讨论】：

使用销毁或关闭，我得到相同的结果