對HtmlHelper進行擴展,是MVC中對於View層進行靈活控制的主要手段之一,對此我在第七回:漫談ActionLink,有時“胡攪蠻纏”中進行過探討。在本文,只是一個小技巧,豐富我們在自定義HtmlHelper時可以有更好的選擇。
首先,我們先了解一下,幾個簡單的HtmlHelper擴展是如何實現:
public static string Label(this HtmlHelper helper,string name,string value)
{
return string.Format("<label for='{0}'>{1}</label><br />",name,value);
}
很簡單,就是實現一個對HtmlHelper的擴展方法,這樣我們就可以在View層通過
<%= Html.Label("Anytao","tao") %>
而無需:
<label for="tao">Anytao</label>
顯然,通過Html.Lable方式更加的簡潔和靈活,此例僅僅是個簡單的舉例。事實上,通過Html.XXX可以封裝更多的預定義Html代碼,實現更多有效、復雜的個性化實現,例如在本文的下一篇我將通過Html.Naviagte方式實現一個封裝了Sitemap的Breadcrumb控制,從而使得我們體會更好的Html是如何做到的。
對於Html.Label而言,還有一個重要的內容需要添加,那就是對於Html標記如何動態的指定和渲染,例如我們可以對Label指定id、class還有更多其他的Html屬性,這是個有市場的需求,因為至少為Dom元素指定Css是經常發生的事情,例如假設有如下的需求:
<label class="grey" for="tao">Anytao</label>
在原有的Html.Label擴展實現中,class的指定是無法做到的,因此需要從新構造,辦法就是添加htmlAttributes參數,實現類似於ActionLink一樣的控制,例如:
<%= Html.Label("Anytao","tao",new { @class="grey"} %>
那麼,我們該如何辦呢?我想起了TagBuilder,來簡化實現的復雜度,事實上TagBuilder就是干這個的主,廢話不說給出更新之後的Html.Label實現:
public static string Label(this HtmlHelper helper,string name,string value,object htmlAttributes)
{
TagBuilder tagBuilder = new TagBuilder("label")
{
InnerHtml = value
};
tagBuilder.MergeAttribute("for",name);
tagBuilder.MergeAttributes(new RouteValueDictionary(htmlAttributes));
return tagBuilder.ToString(TagRenderMode.Normal);
}
辦法很簡單,在Html.Label內部通過TagBuilder,實現了對htmlAttribute特性的添加,實現的辦法非常簡單:
tagBuilder.MergeAttributes(new RouteValueDictionary(htmlAttributes));
在MergeAttributes方法內部實現對Html Attribute信息的整合,有興趣大家可以了解具體的實現規則。
既然我們的主角是TagBuilder,那麼就順便近看其面目,總體來說TagBuilder就是創建Html標簽的Builder,類似於StringBuilder封裝了對Html標簽的很多簡單而有效的方法(例如MergeAttributes),主要包括:
AddCssClass
GenerateId
MergeAttribute
SetInnerText
ToString
還包括幾個屬性:
Attributes
IdAttributeDotReplacement
InnerHtml
TagName
工欲善其事,必先利其器。TagBuidler使得HtmlHelper變得簡單,自信的觀眾可以完全不用TagBuilder,通過任何其他的辦法來實現類似於MergeAttribute、AddCssClass這樣的邏輯,但是既然已經有了,不妨一試。就像它的大哥StringBuilder,給我們處理string帶來多少不錯的親近感受,看面子也不妨關照一下小弟TagBuilder。
出處:http://anytao.cnblogs.com/