如何在ASP.Net MVC和AJAX中使用Modal Pop-Ups?

时间:2009-10-04 20:03:21

标签: jquery asp.net-mvc jquery-ui-dialog jqmodal

有人能指出我如何在asp.net MVC和AJAX中使用jQuery模式弹出窗口。

有没有人能成功做到这一点?

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

2 个答案:

答案 0 :(得分:0)

我在ASP.Net MVC中使用了jqueryui对话框模型,效果非常好。在我看来,这些模态很容易实现。在这里查看这些对话框模式:jqueryui dialog

答案 1 :(得分:0)

  

Davy写道,“然后可以点击一行,弹出带有填充的可编辑控件,验证并保存,然后重定向回列表页面?

嗨戴维,

我还在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>);

或a:

$.post(<your options here>)

您的MVC控制器将愉快地将查询字符串中指定的值转换为匹配的命名方法参数,保存它们,然后返回响应(部分视图或JSON或文本)。

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