MVC基礎(chǔ)系列說談—HtmlHelper,自定義,擴展HtmlHelper

1、MVC基礎(chǔ)系列說談HtmlHelper,自定義,擴展HtmlHelper在視圖中可以直接寫Html，也可以使用HtmlHelper來創(chuàng)建。< XMLNAMESPACE PREFIX ="O" />例如：<input id="tbxcontent" /><%=Html.TextBox("tbxname") %>頁面源碼：<input id="tbxcontent" /><input id="tbxname" name="tbxname

2、" type="text" value="" />ViewPage的Html屬性就是一個HtmlHelper類型的屬性。它的用于創(chuàng)建Html的一些方法例如：TextBox，是通過擴展方法來實現(xiàn)。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它能創(chuàng)建5種類型的Html控件（返回5種類型的Html控件的字符串）。·CheckBox·RadioButton·TextBox·Password·Hidden每一種有多個重載，用于滿足不同參數(shù)。以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") %>這個方法首先調(diào)用：public static string TextBox(this HtmlHelper htmlHelper, string name)這個方法，然后最終調(diào)用： 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);然后調(diào)用：htmlHelper.InputHelper這個方法。以TextBox來示例：（1） 基本<%=Html.TextBox("tbxname") %>（2） 添加css<%=Html.TextBox("tbxname",string.Empty, new class="cssText")%>（3）綁定現(xiàn)在不提供強類型，以一個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的方法關(guān)閉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(); %>注意的是，開始與結(jié)束沒有等號，且，都有分號結(jié)束符。（三）LinkExtensions用于提供html鏈接，有兩種方法：·ActionLink·RouteLink每一類方法有多種重載。public static string ActionLink(this HtmlHelper htmlHelper, string linkText, string actionName) 這是ActionLink的一個方法，它可以鏈接到同控制器下的某一動作中。例如：<%=Html.ActionLink("到新聞列表頁","New

14、sList") %>然后，傳遞參數(shù)：<%=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來創(chuàng)建。下邊列出幾個常用的方法： public void AddCssClass(string value);public voi

18、d GenerateId(string name);public void SetInnerText(string innerText);public void MergeAttribute(string key, string value);現(xiàn)在還是來創(chuàng)建一個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.