Как использовать модальные всплывающие окна с ASP.Net MVC и AJAX?

Question

Может кто-нибудь указать мне, как использовать модальные всплывающие окна jQuery с asp.net MVC и AJAX.

Кому-нибудь удалось сделать это хорошо?

Я пробовал JQModal и JQuery UI, но пока не смог найти хороших образцов или учебных пособий.

Answer 1

Дэви писал: "Можно ли щелкнуть строку, всплывающее окно с заполненными редактируемыми элементами управления, подтвердить и сохранить, а затем перенаправить обратно на страницу списка?

Привет Дэви,

Я также реализовал диалоги jQuery UI в моих формах MVC. Сложная часть - это не диалог, а вызовы ajax. Что касается данных, диалог jQuery (рекомендуется) - это не что иное, как другой тег DIV в вашей форме.

Когда вы объявляете параметры диалога, вы можете указать кнопки с именами и функцией, которую они выполняют. В модальном диалоге добавьте что-то вроде:

buttons: { "Add row": function() { yourAjaxFunction(); }

в функции yourAjaxFunction() вы можете получить свои значения примерно так:

var myFields = $("#MyDialog").serialize();

или же

var myFieldsArray = $("#MyDialog").serializeArray();

чтобы получить имена и значения ваших полей, затем проверьте их, а затем отправьте "myFields" на ваш контроллер с помощью:

$.ajax(<your options here>);

или:

$.post(<your options here>)

Ваш контроллер MVC с радостью преобразует значения, указанные в строке запроса, в соответствующие параметры именованного метода, сохраняет их и затем возвращает ответ (либо частичное представление, либо JSON, либо текст).

Ссылка на Ajax в jQuery очень полезна для этого.

Answer 2

Я использовал модальные диалоговые окна jqueryui с ASP.Net MVC, и он работает очень хорошо. Эти модалы очень просты в реализации, на мой взгляд. Взгляните на эти модальные диалоговые окна здесь: jqueryui dialog