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");
        }
    }                        
});