jquery - 在 jQuery ui 对话框窗口中加载 MVC4 PartialView

Question

我正在尝试在 jQuery ui 对话框窗口中显示部分 View ，但我对加载功能没有太多运气。对话框窗口确实打开，但我看不到部分 View 的内容。

JS 代码位于外部 js 文件中。警报确实显示。

$(document).ready(function () {
    $('#dialog-modal').dialog({
        autoOpen: false,
        //width: 200,
        height: 400,
        modal: true,
        open: function (event, ui) {
            //alert("test");
            $(this).load("@Url.Action(\"OpenDialogWindow\", \"Home\" )");
        }
    });
});

================================================== ===================

我的div在母版页上是这样的。

 <div id="dialog-modal" title="Select a city to see the listings">  </div> 

==========================

我的 ActionResult 看起来像这样。我确实将 View 设置为部分 View 。

public ActionResult OpenDialogWindow()
        {
            return PartialView("DialogView");
        }

==========================

我的观点是这样的。

@using TheSGroup_Web.ViewModels
@model CitiesViewModel

    <p>this is the content.
    </p>

Answer 1

我不确定 MVC 2 或 3，但在 MVC 4 中，这就是我让它工作的方式。

$(document).ready(function () {
    $('#dialog-modal').dialog({
        autoOpen: false,
        modal: true,
        open: function (event, ui) {
            //alert("test");
            $(this).load("/Controller/Action");
        }
    });
});

function OpenDialog() {
    $('#dialog-modal').dialog('open');
}