Cargando MVC4 PartialView dentro de la ventana de diálogo de jQuery ui - jquery, asp.net-mvc, jquery-ui, asp.net-mvc-4

Estoy tratando de mostrar una vista parcial dentro de la ventana de diálogo de jQuery ui pero no tengo mucha suerte con la función de carga. La ventana de diálogo se abre pero no veo el contenido de la vista parcial.

El código JS está en un archivo js externo. la alerta se muestra.

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

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

Mi div está en la página maestra así.

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

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

Mi ActionResult se ve así. Tengo la vista establecida como una vista parcial.

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

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

Mi punto de vista se ve así.

@using TheSGroup_Web.ViewModels
@model CitiesViewModel

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

Respuestas

No estoy seguro acerca de MVC 2 o 3, pero en MVC 4 así es como lo hice funcionar.

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

Siempre puede hacer una solicitud ajax a suvista parcial, verifique el código de estado, en caso de que algo se volviera loco y necesita hacer algo más, y almacene los datos de respuesta en una variable. Si el código de estado es 200 (OK), cargue su cuadro de diálogo con la variable abierta: método, de lo contrario, haga algo genial ... No sé el código exacto de la parte superior de mi cabeza, pero no lo haría " No seas toba, no creo ...