jquery - 如何在 ASP.Net MVC 和 AJAX 中使用模态弹出窗口？

Question

任何人都可以指出如何将 jQuery 模式弹出窗口与 asp.net MVC 和 AJAX 一起使用。

有没有人设法做到这一点？

我已经尝试过 JQModal 和 JQuery UI，但还没有找到任何好的示例或教程。

Answer 1

我已经将 jqueryui 对话框模式与 ASP.Net MVC 一起使用，并且效果很好。在我看来，这些模式很容易实现。在此处查看这些对话框模式：jqueryui 对话框

Answer 2

戴维写道，“然后可以单击一行，弹出填充的可编辑控件，验证并保存，然后重定向回列表页面？

嗨戴维，

我还在我的 MVC 表单中实现了 jQuery UI 对话框。困难的部分不是对话框，而是 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 或文本）。

jQuery 中的Ajax 参考对此非常有帮助。