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

Question

我正在尝试在jQuery ui对话框窗口中显示部分视图,但我对加载功能没有太多运气.对话框窗口打开但我没有看到局部视图的内容.

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看起来像这样.我确实将视图设置为局部视图.

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