/ / Завантаження MVC4 PartialView всередині діалогового вікна jQuery ui - jquery, asp.net-mvc, jquery-ui, asp.net-mvc-4

Завантаження MVC4 PartialView в jQuery ui Діалогове вікно - jquery, asp.net-mvc, jquery-ui, asp.net-mvc-4

Я намагаюся відобразити частковий вигляд всередині діалогового вікна 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 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>

Відповіді:

10 за відповідь № 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");
}

0 для відповіді № 2

Ви завжди можете зробити запит ajax до свогочастковий вигляд, перевірити код стану, якщо щось пішло, і вам потрібно зробити щось інше, і зберегти дані відповіді у змінній. Якщо код стану 200 (ОК), тоді завантажте діалогове вікно зі змінною у відкритому методі: інакше, зробіть щось круте ... Я не знаю точного коду вгорі, але це не могло б я не думаю, що я не думаю ...