MVC基础系列说谈—HtmlHelper,自定义,扩展HtmlHelper

1、MVC基础系列说谈HtmlHelper,自定义,扩展HtmlHelper在视图中可以直接写Html，也可以使用HtmlHelper来创建。< XMLNAMESPACE PREFIX ="O" />例如：<input id="tbxcontent" /><%=Html.TextBox("tbxname") %>页面源码：<input id="tbxcontent" /><input id="tbxname" name="tbxname

2、" type="text" value="" />ViewPage的Html属性就是一个HtmlHelper类型的属性。它的用于创建Html的一些方法例如：TextBox，是通过扩展方法来实现。FormExtensions Represents support for HTML in an application.InputExtensions Represents support for HTML input controls in an application.LinkExtensions Represents support for

3、 HTML links in an application.RenderPartialExtensions Provides support for rendering a partial view.SelectExtensions Represents support for making selections in a list.TextAreaExtensions Represents support for HTML textarea controls.ValidationExtensions Provides support for validating the input from

4、 an HTML form.它们位于System.Web.Mvc.Html（一）InputExtensions它能创建5种类型的Html控件（返回5种类型的Html控件的字符串）。·CheckBox·RadioButton·TextBox·Password·Hidden每一种有多个重载，用于满足不同参数。以TextBox为例。public static string TextBox(this HtmlHelper htmlHelper, string name);public static string TextBox(this HtmlHel

5、per htmlHelper, string name, object value);public static string TextBox(this HtmlHelper htmlHelper, string name, object value, Dictionary<string, object> htmlAttributes);public static string TextBox(this HtmlHelper htmlHelper,string name, object value, object htmlAttributes);<%=Html.TextBox

6、("tbxname") %>这个方法首先调用：public static string TextBox(this HtmlHelper htmlHelper, string name)这个方法，然后最终调用： public static string TextBox(this HtmlHelper htmlHelper,string name,object value,IDictionary<string, object> htmlAttributes)return htmlHelper.InputHelper(InputType.Text, name,

7、value, (value = null),false,true, true, htmlAttributes);然后调用：htmlHelper.InputHelper这个方法。以TextBox来示例：（1） 基本<%=Html.TextBox("tbxname") %>（2） 添加css<%=Html.TextBox("tbxname",string.Empty, new class="cssText")%>（3）绑定现在不提供强类型，以一个ViewData为例<%=Html.TextBox("

8、tbxname",ViewData"test", new class="cssText")%>（二）FormExtensions它用于显示Form。有三种。·BeginForm·BeginRouteForm·EndForm其中，BeginRouteForm是以路由方式提交表单。例如：routes.MapRoute("Detail","controller/action/id",new Controller = "News", action = &qu

9、ot;Detail", id = 2 ,new id=new SelfConstraint();这是一个路由，然后：<% using (Html.BeginRouteForm("Detail", new controller = "Login", action = "Validate" )%> <div class="divMargin"><span class="spanHeader">用户帐号：</span><%=Html.Te

10、xtBox("tbxUserId")%></div><div class="divMargin"><span class="spanHeader">用户密码：</span><%=Html.Password("tbxUserPW")%></div><div class="divMargin"><input type="submit" value="登录" />

11、;</div><% %>其中的Detail 是路由的名称。BeginForm可以用using的方法关闭form，来代替EndForm再写一个BeginForm的例子：<%Html.BeginForm("Validate", "Login"); %><div class="divMargin"><span class="spanHeader">用户帐号：</span><%=Html.TextBox("tbxUserId"

12、) %></div><div class="divMargin"><span class="spanHeader">用户密码：</span><%=Html.Password("tbxUserPW") %></div><div class="divMargin"><input type="submit" value="登录" /></div><%Html.En

13、dForm(); %>注意的是，开始与结束没有等号，且，都有分号结束符。（三）LinkExtensions用于提供html链接，有两种方法：·ActionLink·RouteLink每一类方法有多种重载。public static string ActionLink(this HtmlHelper htmlHelper, string linkText, string actionName) 这是ActionLink的一个方法，它可以链接到同控制器下的某一动作中。例如：<%=Html.ActionLink("到新闻列表页","New

14、sList") %>然后，传递参数：<%=Html.ActionLink("到新闻详细页", "Detail", new id=2)%>下面是一个RouteLink的方法public static string RouteLink(this HtmlHelper htmlHelper, string linkText, object routeValues) <%=Html.RouteLink("到新闻列表页", new controller="News",action="

15、;NewsList")%> <%=Html.RouteLink("到新闻详细页", new action = "Detail", id = 2 )%>（四）自定义HtmlHelper自定义一个Labelpublic class LabelHelperpublic static string Label(string target, string text)return String.Format("<label id='0'>1</label>", target, t

16、ext);在使用时：要添加名字空间进来：<% Import Namespace="Web.Models.SelfHelper" %>然后这样使用：<%=LabelHelper.Label("label1","这是一个标签")%>为了和HtmlHelper提供的控件一致，扩展一下HtmlHelper，以一个span为例：public static class HtmlExtensionspublic static string Span(this HtmlHelper helper, string strId,s

17、tring strContent) return string.Format("<span id="0">1</span>", strId, strContent);使用：同样也要引用空间，然后：<%=Html.Span("span1","这是一个span") %>（五） TagBuilder在自定义HtmlHelper时，可以通过TagBuilder来创建。下边列出几个常用的方法： public void AddCssClass(string value);public voi

18、d GenerateId(string name);public void SetInnerText(string innerText);public void MergeAttribute(string key, string value);现在还是来创建一个span：public static string Span(this HtmlHelper helper, string strId,string strcontent, string strClass)TagBuilder builder = new TagBuilder("span");builder.GenerateId(strId);builder.SetInnerText(strcontent);builder.AddCssClass(strClass);builder.