在View视图中,Html的类型是System.Web.Mvc.HtmlHelper<T>, 所有的辅助方法都需要和ModelState交互。那么,ModelState是什么呢?它是模型绑定的附属品,并且存有模型绑定期间检测到的所有验证错误。以及用户提交用到来更新模型的原始值。
本篇博文,我们主要来介绍下一些常用的html辅助方法的主要作用和使用方法。
1. Html.BeginForm()和Ajax.BeginForm()。
Html.BeginForm():
同于传统的表单提交,主要是生成表单的form值,如果表单时强类型视图,则在提交表单的时候,会自动将表单元素name名称与强类型视图中的类型实体的属性值相同的进行填充;同样在表单中,如果我们是强类型视图,则可以直接使用@Model.UserName将值输到指定位置。
@using( Html.BeginForm( "方法名", "Controller名", FormMethod.提交的方法, new { target="_blank", @class = "表单的class名,方便定义样式", @id="表单的id名,方便获取表单元素"} )){ }
<form action="Controller名/方法名" method ="提交的方法" class ="表单的class名" id="表单的id名" target="_blank"></form>
@using(Ajax.BeginForm( new AjaxOptions { UpdateTartetId ="UserLogOnContainer", HttpMethod ="Post", OnSuccess="" } )) //提交到当前页面,提交方式是Post,异步更新模块Id为UserLogOnContainer的内容块
也可以提交到指定的controller的action上。
@using(Ajax.BeginForm("action","controller",null new AjaxOptions { UpdateTartetId ="UserLogOnContainer", HttpMethod ="Post", OnSuccess="" } )) //提交到当前指定的controller的action下,提交方式是Post,异步更新模块Id为UserLogOnContainer的内容块
2. Html.ValidationSummary()
@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")
ModelState.AddModelError("", "The user name or password provided is incorrect.");
3.Html.ValidationMessage()
ModelState.AddModelError("Title","What a terrible name!");
@Html.ValidationMessage("Title")
4.Html.TextBox()、Html.TextArea()
@Html.TextBox("title","textbox infomation")
@Html.TextArea("textAreaTitle","textarea <br/> infomation")
<input type="text" id="title" name="title"> textbox information </input> < textarea id="textAreaTitle" name="textAreaTitle"> textarea < br /> information </textarea >
5.Html.Label()
[DisplayName("Genre")] //显示的内容 public int GenreId{get;set;}
View:
@Html.Label("GenreId")
<label for="GenreId">Genre</label>
6.Html.DropDownList()、Html.ListBox()
两个辅助方法都返回select元素,DropDownList只允许多单选,而ListBox则允许多选
(通过渲染的标记中的multiple特性的值设置为multiple), 后台绑定数据源一般使用SelectListItem类型。
new SelectListItem { Text = ”显示内容“, Value = "对应的值", Selected = bool值(是否选中) }
7.Html.Editor()
用法:自定义Editor编辑器。
具体使用方法,可以参考这篇文章: http://hi.baidu.com/scorpio_jone/item/3080aefc8133c713a7298843
8.Html.Hidden()
用于渲染隐藏的输入元素,一般用于在页面显示隐藏域。
用法:
@Html.Hidden("wizardStep", "1")
=>
@Html.HiddenFor(w => w.wizardStep)
<input id="wizardStep" name="wizardStep" type="hidden" value="1" />
9.Html.Password()
@Html.Password("UserPassword")
=>
@Html. PasswordFor(w => w.UserPassword)
<input id="UserPassword" name="UserPassword" type="password" value="" />
10.Html.RadioButton()
@Html.RadioButton("Gender","Male")
@Html.RadioButton("Gender","Female", true)
@Html.RadioButtonFor(m => m.Gender, "Male")
@Html.RadioButtonFor(m => m.Gender, "Female")
11.Html.CheckBox()
@Html.CheckBox("isChecked")
<input name="isChecked" id="isChecked" type="checkbox" value="true" /> <input name="isChecked" type="hidden" value="false"/>
@Html.ActionLink("Link Text 显示的链接名称", "AnotherAction 要提交的控制器方法名称")
<a href="/Home/AnotherAction">Link Text</a>
@Html.ActionLink("Link Text", "AnotherAction", "AnotherController")
<a href="/AnotherController/AnotherAction">Link Text</a>
@Html.ActionLink("Link Text", "AnotherAction", "AnotherController", new{ ID = 123 } )
对应于:
<a href="/AnotherController/AnotherAction?ID=123">Link Text</a>
@Html.RouteLink("Link Text", new {action ="AnotherAction"} )
13.Html.Partial()、Html.RenderPartial()
@{ Html.RenderPartial("LogOnUserControl"); }
或
@{ Html.RenderPartial("~/Areas/Comm/Views/Shared/LogOnUserControl.ascx"); }
public ActionResult UserControl() { return PartialView(); }
@Html.RenderAction("UserControl","Controller")
15.Url.Action()
<span> @Url.Action("Browse", "Store", new{ genre = "Jazz" }, null ) </span>
<span> Store/Browse?genre=Jazz </span>
16.Url.Content()
<script src="@Url.Content("~/Scripts/Jquery-1.10.1.min.js")" type="text/javescript"></script>
除了上面介绍的这些Html辅助方法,还有上面提到的一些Html的For方法。那么For方法和其他的有什么异同之处呢?
For的方法可以结合Model实体,通过lambda表达式的方法来渲染。写法:@Html.LabelFor(m => m.GenreId)等。
asp.net mvc 3.0 知识点整理 ----- (4).HtmlHelper(Html 辅助方法)介绍,布布扣,bubuko.com