MVC进阶学习--HtmlHelper控件解析(一)
2009-10-10 14:10 by 贺臣, 1068 阅读, 1 评论, 收藏, 编辑
1.HtmlHelper类
HtmlHelper类位于System.Web.MVC.Html命名空间下。主要包括FormExtensions,InputExtensions,
LinkExtensions,SelectExtensions,TextAreaExtensions,ValidationExtensions,RenderPartialExtensions等7个静态内,他们全部是是采用拓展方法来实现的
在asp.net MVC中ViewPage中使用的属性如下:
public HtmlHelper Html{get;set;}public AjaxHelper Ajax{get;set;}public string MasterLocation{get;set;}public object Model{get;set;}public TempDataDictionary TempData{get;set;}public UrlHelpler Url{get;set;}public ViewContext ViewContext{get;set;}public ViewDataDictionary ViewData{get;set;}public HtmlTextWriter Writer{get;set;}
2.FormExtensions类
该类定了3种类型的扩展方法,它们分别是BeginForm,BeginRouteForm,EndForm
BeginForm共有13种重载方法,这里参数不一一介绍。
BeginRouteForm共有12种重载方法,主要表现定义表单的开始部分,其中是以路由的方式设置action的值
EndForm 主要表现在表单的结尾,生成</form>
如下表单使用的几种方式:
方式1:
<%=Html.BeginForm("Login", "Home", FormMethod.Post, new { id="name"})%>
姓名<%=Html.TextBox("name", null, new { id="name",width="200px"})%><br />
密码<%=Html.Password("pass", null, new { id = "pass", width = "200px" })%><br /><input type="submit" id="btnSubmit" value="Submit" /><%Html.EndForm(); %> 这里注意<%=Html.BeginForm() %> 和<%Html.EndForm();%>后者有 " ; "
Login:是指Action,Home是指Conroller,FormMethod.Post是指用Post方式来提交表单
new{id="name"} 是指表单元素属性。<form id="name" action="Home/Login" method="post"></form>
方式2:
HtmlHelper类位于System.Web.MVC.Html命名空间下。主要包括FormExtensions,InputExtensions,
LinkExtensions,SelectExtensions,TextAreaExtensions,ValidationExtensions,RenderPartialExtensions等7个静态内,他们全部是是采用拓展方法来实现的
在asp.net MVC中ViewPage中使用的属性如下:
![](https://i-blog.csdnimg.cn/blog_migrate/5610cf7094bb66b6b44126870ae6a573.gif)
2.FormExtensions类
该类定了3种类型的扩展方法,它们分别是BeginForm,BeginRouteForm,EndForm
BeginForm共有13种重载方法,这里参数不一一介绍。
BeginRouteForm共有12种重载方法,主要表现定义表单的开始部分,其中是以路由的方式设置action的值
EndForm 主要表现在表单的结尾,生成</form>
如下表单使用的几种方式:
方式1:
![](https://i-blog.csdnimg.cn/blog_migrate/2aa5eb063d682a7ccfef5b36a9afa5e5.gif)
姓名<%=Html.TextBox("name", null, new { id="name",width="200px"})%><br />
密码<%=Html.Password("pass", null, new { id = "pass", width = "200px" })%><br /><input type="submit" id="btnSubmit" value="Submit" /><%Html.EndForm(); %>
Login:是指Action,Home是指Conroller,FormMethod.Post是指用Post方式来提交表单
new{id="name"} 是指表单元素属性。<form id="name" action="Home/Login" method="post"></form>
方式2:
![](https://i-blog.csdnimg.cn/blog_migrate/df861f6d4a7decc0fa1a6214ffb66447.gif)
姓名<%=Html.TextBox("name", null, new { id="name",width="200px"})%><br />
密码<%=Html.Password("pass", null, new { id = "pass", width = "200px" })%><br /><input type="submit" id="Submit1" value="Submit" /><%Html.EndForm(); %></fieldset>
这种方式的表单是以路由的方式设置action 的,"Start" 是路由的名称:
routes.MapRoute(
"Start",
"{controller}/{action}",
new { controller="Home",action="Index"}
);
方式3:
![](https://i-blog.csdnimg.cn/blog_migrate/258987cd6d12666b967efb13a704f210.gif)
{%>
姓名<%=Html.TextBox("name", null, new { id="name",width="200px"})%><br />
密码<%=Html.Password("pass", null, new { id = "pass", width = "200px" })%><br /><input type="submit" id="btnSubmit" value="Submit" /><%
} %></fieldset>
这种方式不需要<%Html.EndForm();%> 其余的方式基本相同
方式4:
就是普通的html代码
<form id="name" method="post" action="Home/Login">
</form>
这里不做介绍