在ASP.NET MVC中,Ajax.BeginForm扮演着异步提交的重要角色。其中就有五个重载方法,但是在实际应用中,你未必使用的得心应手,今天我们就从主要的参数来一探究竟。...[](~/Content/Images/ui-loader-white-16x16.gif) 在form中指定LoadingElementId @using (Ajax.BeginForm(...@using (Ajax.BeginForm("Create", "Tasks", new AjaxOptions() { UpdateTargetId = "taskList", OnBegin...@using (Ajax.BeginForm("Create", "Tasks", new AjaxOptions() { UpdateTargetId = "taskList", OnFailure...@using (Ajax.BeginForm("Create", "Tasks", new AjaxOptions() { UpdateTargetId = "taskList", OnFailure
Ajax.BeginForm可用于异步提交表单。...@using (Ajax.BeginForm("AjaxFormPost", "Home", new { ID="11", ClassName="FirstClass"}, new AjaxOptions
} @Html.DropDownList("NameId", list) @Html.ListBox("NameId", list) 表单的Get提交 @using (Html.BeginForm...PasswordGet") ; } 表单的Post提交 @{ Html.BeginForm...item.Selected = (i == 2); list.Add(item); } } @Html.ListBox("NameId", list) @Html.BeginForm...@using (Html.BeginForm("PostData", "Html", FormMethod.Get)) { ; @Html.TextBox("UserNameGet")...PasswordGet") ; } 表单的Post提交 @{ Html.BeginForm
Html.Hidden Html.Row 输出不经过编码的内容 Html.ValidationSummary 数据模型验证失败时显示的数据信息,配合Html.BeginForm..."1/1/2018", "1/1/2019")] public DateTime Field2 { get; set; } } 视图Index.cshtml @using (Html.BeginForm...2)设置标签特性值 由于class是C#保留关键字,因此设置class特性时要使用@ @using (Html.BeginForm("Login", "Account", FormMethod.Post..., new { @class = "loginForm" })) { //其他代码 } HTML辅助方法会将下划线渲染为连字符,因此要表达含有连字符的特性,那么使用下划线 Html.BeginForm...@Html.Partial("_header") 7视图向控制器传递数据 1)使用表单向控制器传递数据 视图代码 @using (Html.BeginForm("TestFrom", "Home"))
1: @{ 2: Layout = null; 3: } 4: using (Ajax.BeginForm("Find", new AjaxOptions.../table> 从QueryFormPartial.cshtml的定义可以看到,表单成功提交之后会调用一个名为renderCustomerList的JavaScript函数(@using (Ajax.BeginForm...1: @model Contact 2: @{ 3: Layout = null; 4: } 5: @using(Ajax.BeginForm...联系人信息的最终修改 通过ContactPartial.cshtml的定义可以看出编辑联系人表单最终以POST的方式提交到HomeController的Action方法Update(@using(Ajax.BeginForm..."OK"; 10: } 11: } 联系人修改表单提交后关闭当前窗口并加载新的数据通过具有如下定义JavaScript函数Reload实现(@using(Ajax.BeginForm
因为class是c#语言的保留关键字,不能用作属性名称或标识符,所以必须在class前面加一个@符号作为前缀: @using (Html.BeginForm("Search", "Home", FormMethod.Get...1 @using (Html.BeginForm("Search", "Home", FormMethod.Get, new {target = "_blank",@class="editForm",...介绍完上面的原理之后,下面笼统的介绍各个常用的HTML辅助方法: HTML辅助方法 1.Html.BeginForm —— 表单 1 @using (Html.BeginForm("Search"...@using (Html.BeginForm()) { @Html.ValidationSummary(excludePropertyErrors: true) ...渲染辅助方法 12.Html.ActionLink和Html.RouteLink ActionLink辅助方法能渲染一个超链接(锚标签),渲染的链接指向另一个控制器操作,与前面看到的BeginForm辅助方法一样
部分在编辑view文件: @model MvcMovie.Models.Movie @{ ViewBag.Title = "Edit"; } Edit @using (Html.BeginForm...自动创建的编辑视图: @model MvcMovie.Models.Movie @{ ViewBag.Title = "Edit"; } Edit @using (Html.BeginForm...当用户通过点击“过滤器”按钮,提交表单, Html.BeginForm助手会导致窗体post到它本身。 Visual Studio2013中有一个很好的改善: 显示和编辑视图文件时。...解决方法是使用重载的BeginForm,它指定 POST 请求应添加到 URL 的搜索信息,并应该路由到 HttpGet版的 Index方法。...将现有的无参数BeginForm 方法,修改为以下内容 @using (Html.BeginForm("Index","Movies",FormMethod.Get)) ?
@model MvcMovie.Models.Movie @{ ViewBag.Title = "Edit"; } Edit @using (Html.BeginForm...Html.BeginForm Helper将使得, 在用户通过单击筛选按钮提交窗体时,窗体Post本Url。运行该应用程序,请尝试搜索一部电影。...解决方法是使用重载的BeginForm ,它指定 POST 请求应添加到 URL 的搜索信息,并应该路由到 HttpGet SearchIndex 方法。...将现有的无参数BeginForm 方法,修改为以下内容: @using (Html.BeginForm("SearchIndex","Movies",FormMethod.Get)) 现在当您提交搜索,...添加完成后,如下面所示: @Html.ActionLink("Create New", "Create") @using (Html.BeginForm("SearchIndex
Bundles/js") //在此处添加下面一行代码 @Scripts.Render("~/Bundles/unobtrusive/js") 2,创建分部视图 其中用到了Bootstrap-Modal,Ajax.BeginForm...,对此不了解的可以参考 Ajax.BeginForm()知多少 Bootstrap-Modal的用法介绍 该Partial View绑定CreateTaskInput模型。... @using (Ajax.BeginForm...PartialView("_List", output.Tasks); } 四、创建更新分部视图(_EditTask.cshtml) 同样,该视图也采用异步更新方式,也采用Bootstrap-Modal,Ajax.BeginForm... @using (Ajax.BeginForm
content="width=device-width" /> Add @using (Html.BeginForm...content="width=device-width" /> Edit @using (Html.BeginForm
表单 Using(Html.BeginForm(actionName,controllerName)){…} @Html.BeginForm(actionNmae,controllerName) ……
带有连字符的属性名 带有连字符的 C# 属性名是无效的,但HTML辅助方法在渲染HTML时会将属性名中的下划线转换为连字符 @using (Html.BeginForm("Search","Home",
/form> 但是因为是在HTML的属性中,所以还是难以维护,幸好ASP.NET MVC为我们提供了一个Helper,我们可以通过以下两种方式生成一个Form: 1: 2: 表单内容 3: 4: 5: 表单内容 6: BeginForm方法类似于ActionLink的调用方式,所以
Nullable Age { set; get; } } 2.View @model AspNetMvcModelValidate.Models.Employee @using(@Html.BeginForm
Create @model MvcApplication3.Models.Book @{ ViewBag.Title = "Create"; } 添加 @using (Html.BeginForm...备注@Html.DisplayFor(model => model.Remark) @using (Html.BeginForm...Edit @model MvcApplication3.Models.Book @{ ViewBag.Title = "Edit"; } 编辑 @using (Html.BeginForm
下面这种方式,使用Html.BeginForm()扩展方法,会生成和上面同样的HTML: 此代码由Java架构师必看网-架构君整理 <% using (Html.BeginForm("", "home...这意味着它不仅仅只能容纳一个文件,而能容纳多个,我们将上面的View改为如下: <% using (Html.BeginForm("", "home", FormMethod.Post, new {
19: 20: 21: 22: 23: 24: 25: @using (Html.BeginForm...x.UserName) 转换为HTML代码 示例2: 1: @using (Html.BeginForm...Password"); 13: return View("Login"); 14: } 15: } 10.在View 中显示信息 打开Login View,在 @Html.BeginForm...添加以下代码 1: @Html.ValidationMessage("CredentialError", new {style="color:red;" }) 2: @using (Html.BeginForm...1: @using (Html.BeginForm("DoLogin", "Authentication", FormMethod.Post)) 2: { 3: @Html.LabelFor
水平表单 使用ASP.NET MVC的HTML.BeginForm可以方便的创建一个表单,通过为添加名为form-horizontal的class来创建一个Bootstrap 水平显示表单...@using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-horizontal", role =...form 元素上,当然你也可以使用Bootstrap 栅格col-* class来指定form 中元素的宽度,效果如下显示: 垂直表单 Bootstrap基础表单默认情况下是垂直显示内容,在Html.BeginForm...详细代码如下: @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-inline", role
水平表单 使用ASP.NET MVC的HTML.BeginForm可以方便的创建一个表单,通过为添加名为form-horizontal的class来创建一个Bootstrap 水平显示表单。...@using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-horizontal", role =...垂直表单 Bootstrap基础表单默认情况下是垂直显示内容,在Html.BeginForm帮助方法里移除class为form-horizontal和class col-*后,显示的效果如下: ?...详细代码如下: @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-inline", role
function Success(obj) { $('#result').val(obj.Sum); } 使用 AjaxHelper 创建一个Ajax表单: @using (Ajax.BeginForm
领取专属 10元无门槛券
手把手带您无忧上云