关闭jQuery模态对话框在MVC4应用程序
Close jQuery modal dialog in MVC4 app
我正在使用javascript在MVC4应用程序中创建一个jquery模态对话框。但是我无法关闭在提交ajax表单模态对话框内的对话框。
创建对话框链接:
@Html.RouteLink("Add item",
new
{
Action = "AddItem",
Controller = "User"
},
new
{
@class = "openDialog",
data_dialog_id = "addItemDialog",
data_dialog_title = "Add item",
title = "Add item"
})
addItem方法返回一个ajax表单(下面的代码)作为一个局部视图,它在模态对话框中呈现。使用Ajax,以便在提交时只更新页面的一部分:
@model WebApp.AppModels.UserAddItemModel
@using (Ajax.BeginForm("AddItem", "User", null, new AjaxOptions()
{
HttpMethod = "POST",
Url = Url.Action("AddItem", "User"),
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "Item"
}, new { id = "AddItemForm" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>Add Item</legend>
<ol>
<li>
@Html.LabelFor(m => m.ItemName)
@Html.TextBoxFor(m => m.ItemName)
@Html.ValidationMessageFor(m => m.ItemName)
</li>
</ol>
<input type="submit" class="left" value="Submit" name="action:submit-additem" />
<input type="submit" class="right" value="Cancel" name="action:cancel-additem" />
</fieldset>
}
提交表单调用addItem操作方法,并按预期替换div内容。但我也希望表单在提交时关闭。如果有什么建议就太好了。
将此参数添加到ajax begin form
@model WebApp.AppModels.UserAddItemModel
@using (Ajax.BeginForm("AddItem", "User", null, new AjaxOptions()
{
HttpMethod = "POST",
Url = Url.Action("AddItem", "User"),
InsertionMode = InsertionMode.Replace,
OnSuccess = "updateSuccess",
UpdateTargetId = "Item"
}, new { id = "AddItemForm" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>Add Item</legend>
<ol>
<li>
@Html.LabelFor(m => m.ItemName)
@Html.TextBoxFor(m => m.ItemName)
@Html.ValidationMessageFor(m => m.ItemName)
</li>
</ol>
<input type="submit" class="left" value="Submit" name="action:submit-additem" />
<input type="submit" class="right" value="Cancel" name="action:cancel-additem" />
</fieldset>
}
function updateSuccess()
{
// closing code goes here
}
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- angularjs+rails应用程序中未显示模板
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 使用谷歌应用程序脚本将服务器端数据表返回到客户端
- Angularjs-utils高亮过滤器在搜索时破坏应用程序
- 在phonegap应用程序内部重定向不起作用
- 使用谷歌应用程序脚本从工作表中获取值并将其显示在文本框中
- MockJax没有在JavaScript应用程序中发送对我AJAX请求的响应
- jQuery日期选择器无法在MVC4应用程序上工作
- 在VS2012 MVC4应用程序中模拟XSS攻击
- 关闭jQuery模态对话框在MVC4应用程序
- asp.net MVC 4 - 在 asp .net MVC4 应用程序中,调试在 javaScript 代码中不起作用