部分视图无法打开为jQuery UI对话框

Question

我需要在点击按钮时打开部分视图作为对话框，基本上添加/编辑场景。我的问题是mu局部视图确实打开但不是作为对话而是在页面底部。

请参阅下面的代码： 我在页面上有一个空div：

 

点击按钮后，我调用以下代码：

function addSelectionActivate（）{         var selectionID = 0;

    $.ajax({
        url: "AddEditSelection",
        type: "POST",
        data: "&selectionID=" + selectionID,
        dataType: "html",
        success: function (data) {
            $("#addEditSelectionDialog").html(data);
            $("#addEditSelectionDialog").dialog('open');
        },
        error: function (error) {
            alert(error.status);
        }
    });
}

我的控制器有一个方法“AddEditSelection”，它返回结果。但是局部视图在页面末尾而不是对话框中打开。请帮助我解决错误。

Answer 1

您需要在对话框div中包含的单独div中添加partial。

例如：

<div id="DialogDiv">
    <div id="AnotherDiv">

    </div>
</div>

并将“DialogDiv”注册为对话框并在“AnotherDiv”中加载部分