[一步一步MVC]第五回：讓TagBuilder豐富你的HtmlHelper
系列文章導航：
[一步一步MVC]第一回：使用ActionSelector控制Action的選擇
[一步一步MVC]第二回：還是ActionFilter，實現對業務邏輯的統一Authorize處理
[一步一步MVC]第四回：漫談ActionLink，有時“胡攪蠻纏”
[一步一步MVC]第五回：讓TagBuilder豐富你的HtmlHelper
對HtmlHelper進行擴展，是MVC中對于View層進行靈活控制的主要手段之一，對此我在第七回：漫談ActionLink，有時“胡攪蠻纏”中進行過探討。在本文，只是一個小技巧，豐富我們在自定義HtmlHelper時可以有更好的選擇。
首先，我們先了解一下，幾個簡單的HtmlHelper擴展是如何實現：
{
return string.Format("{1}
", name, value);
}
很簡單，就是實現一個對HtmlHelper的擴展方法，這樣我們就可以在View層通過
而無需：
顯然，通過Html.Lable方式更加的簡潔和靈活，此例僅僅是個簡單的舉例。事實上，通過Html.XXX可以封裝更多的預定義Html代碼，實現更多有效、復雜的個性化實現，例如在本文的下一篇我將通過Html.Naviagte方式實現一個封裝了Sitemap的Breadcrumb控制，從而使得我們體會更好的Html是如何做到的。
對于Html.Label而言，還有一個重要的內容需要添加，那就是對于Html標記如何動態的指定和渲染，例如我們可以對Label指定id、class還有更多其他的Html屬性，這是個有市場的需求，因為至少為Dom元素指定Css是經常發生的事情，例如假設有如下的需求：
在原有的Html.Label擴展實現中，class的指定是無法做到的，因此需要從新構造，辦法就是添加htmlAttributes參數，實現類似于ActionLink一樣的控制，例如：
那么，我們該如何辦呢？我想起了TagBuilder，來簡化實現的復雜度，事實上TagBuilder就是干這個的主，廢話不說給出更新之后的Html.Label實現：
{
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特性的添加，實現的辦法非常簡單：
在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。
留言列表
