Как использовать модальные всплывающие окна с 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