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

Question

任何人都可以点我如何使用jQuery模态弹出窗口与asp.net MVC和AJAX的方向。

有没有人成功地做到这一点呢？

我试过JQModal和JQuery UI但没有设法找到任何好的样品或教程呢。

Answer 1

  

戴维写道：“这是可能的，然后点击一排，弹出充满可编辑控件，验证和保存，然后重定向回列表页？

戴维您好，

我也有我的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或文本）。

在 Ajax的参考jQuery中是非常有帮助的这一点。

Answer 2

我已经使用了与ASP.Net MVC jQueryUI的对话框情态动词，它工作得非常好。这些模态很容易在我看来实现。下面一起来看看这些对话框情态动词： jQueryUI的对话框