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

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

2、" type="text" value="" />ViewPage的Html屬性就是一個(gè)HtmlHelper類型的屬性。它的用于創(chuàng)建Html的一些方法例如：TextBox，是通過(guò)擴(kuò)展方法來(lái)實(shí)現(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每一種有多個(gè)重載，用于滿足不同參數(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") %>這個(gè)方法首先調(diào)用：public static string TextBox(this HtmlHelper htmlHelper, string name)這個(gè)方法，然后最終調(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這個(gè)方法。以TextBox來(lái)示例：（1） 基本<%=Html.TextBox("tbxname") %>（2） 添加css<%=Html.TextBox("tbxname",string.Empty, new class="cssText")%>（3）綁定現(xiàn)在不提供強(qiáng)類型，以一個(gè)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();這是一個(gè)路由，然后：<% using (Html.BeginRouteForm("Detail", new controller = "Login", action = "Validate" )%> <div class="divMargin"><span class="spanHeader">用戶帳號(hào)：</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，來(lái)代替EndForm再寫一個(gè)BeginForm的例子：<%Html.BeginForm("Validate", "Login"); %><div class="divMargin"><span class="spanHeader">用戶帳號(hào)：</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é)束沒有等號(hào)，且，都有分號(hào)結(jié)束符。（三）LinkExtensions用于提供html鏈接，有兩種方法：·ActionLink·RouteLink每一類方法有多種重載。public static string ActionLink(this HtmlHelper htmlHelper, string linkText, string actionName) 這是ActionLink的一個(gè)方法，它可以鏈接到同控制器下的某一動(dòng)作中。例如：<%=Html.ActionLink("到新聞列表頁(yè)","New

14、sList") %>然后，傳遞參數(shù)：<%=Html.ActionLink("到新聞詳細(xì)頁(yè)", "Detail", new id=2)%>下面是一個(gè)RouteLink的方法public static string RouteLink(this HtmlHelper htmlHelper, string linkText, object routeValues) <%=Html.RouteLink("到新聞列表頁(yè)", new controller="News",action="

15、;NewsList")%> <%=Html.RouteLink("到新聞詳細(xì)頁(yè)", new action = "Detail", id = 2 )%>（四）自定義HtmlHelper自定義一個(gè)Labelpublic class LabelHelperpublic static string Label(string target, string text)return String.Format("<label id='0'>1</label>", target, t

16、ext);在使用時(shí)：要添加名字空間進(jìn)來(lái)：<% Import Namespace="Web.Models.SelfHelper" %>然后這樣使用：<%=LabelHelper.Label("label1","這是一個(gè)標(biāo)簽")%>為了和HtmlHelper提供的控件一致，擴(kuò)展一下HtmlHelper，以一個(gè)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","這是一個(gè)span") %>（五） TagBuilder在自定義HtmlHelper時(shí)，可以通過(guò)TagBuilder來(lái)創(chuàng)建。下邊列出幾個(gè)常用的方法： 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)在還是來(lái)創(chuàng)建一個(gè)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.