如何通过 ASP.Net MVC 和 AJAX 使用模态弹出窗口？

发布于 2024-08-07 13:35:29 字数 123 浏览 8 评论 0原文

谁能告诉我如何将 jQuery 模式弹出窗口与 asp.net MVC 和 AJAX 结合使用。

有人设法做得很好吗？

我尝试过 JQModal 和 JQuery UI，但尚未找到任何好的示例或教程。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

二智少女 2024-08-14 13:35:29

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

嗨，Davy，

我还在我的 MVC 表单中实现了 jQuery UI 对话框。困难的部分不是对话框，而是 ajax 调用。从数据角度来说，jQuery 对话框（推荐）只不过是表单中的另一个 DIV 标记。

当您声明对话框选项时，您可以指定带有名称和函数的按钮。在模态对话框中，添加如下内容：

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

在函数 yourAjaxFunction() 中，您可以使用以下内容获取值：

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

或

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

获取字段的名称和值，然后验证它们，然后将“myFields”发布到带有 a:

$.ajax(<your options here>);

或 a :

$.post(<your options here>)

的控制器很乐意将查询字符串中指定的值转换为匹配的命名方法参数，保存它们，然后返回响应（部分视图或 JSON 或文本）

。 http://docs.jquery.com/Ajax" rel="nofollow noreferrer">jQuery 中的 Ajax 参考对此非常有帮助。

Davy wrote, "It is possible then to click on a row, pop-up with filled editable controls, validate and save and then redirect back to the list page?

Hi Davy,

I also have implemented jQuery UI dialogs in my MVC forms. The hard part is not the dialog, but the ajax calls. Data-wise, a jQuery dialog (recommended) is nothing more than another DIV tag in your form.

When you declare the Dialog options, you can specify buttons, with names and a function they execute. In you modal dialog, add something like:

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

in the function yourAjaxFunction(), you can get your values with something like:

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

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

to get the names and values of your fields, then validate them, and then post "myFields" to your controller with a:

$.ajax(<your options here>);

or a :

$.post(<your options here>)

Your MVC controller will happily convert values specified in the querystring to matching named method parameters, save them, and then return a response (either a Partial View or JSON or text).

The Ajax reference in jQuery is very helpful for this.

回复收藏 0 原文