MVC 2 - 显示一个包含部分视图的 jquery 对话框

Question

好的，我正在尝试显示一个对话框，该对话框的内容来自局部视图_TestPartial。

这是部分视图：

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>

<div id="test" title="Basic dialog">
    <p>This is just a test</p>
</div>

现在，如果我将 test div 放在显示对话框的 .aspx 中，它会显示得很好。或者，如果我从我的页面调用部分权限，它会显示“这只是一个测试”就好了。我只是不知道如何使 jquery 对话框显示部分。我已经尝试了一些事情，例如让我的对话框调用一个动作TestAction，它呈现_TestPartial，但这甚至不起作用。我有一种感觉，我在某处遗漏了一段关键代码。这是我的对话框代码（根据选择列表选项自动调用）：

if ($('#SelectListID option:selected').text() == 'Test') {
                    $('#test').dialog({

                        width: 400,
                        resizable: false,
                        title: 'Test dialog',
                        open: function(event, ui) {
                            $(this).load("@Url.Action('TestAction')");
                        },
                        buttons: {
                            "Close": function (){
                                $(this).dialog("close");
                            }
                        }                        
                    });
                }

Answer 1

我记得以前遇到过类似的问题。我们添加了一个对话框容器，然后将局部视图加载到内部 div 中。

<div id="dialogcontainer">
    <div id="dialogcontent"></div>
</div>

$("#dialogcontainer").dialog({
    width: 400,
    resizable: false,
    title: 'Test dialog',
    open: function(event, ui) {
        $("#dialogcontent").load("@Url.Action('TestAction')");
    },
    buttons: {
        "Close": function (){
            $(this).dialog("close");
        }
    }                        
});