本系列文章導航

[一步一步MVC]第一回：使用ActionSelector控制Action的選擇

[一步一步MVC]第二回：還是ActionFilter，實現對業務邏輯的統一Authorize處理

[一步一步MVC]第三回：MVC范例大觀園

[一步一步MVC]第四回：漫談ActionLink，有時“胡攪蠻纏”

[一步一步MVC]第五回：讓TagBuilder豐富你的HtmlHelper

[一步一步MVC]第六回：什么是MVC（上）？

對HtmlHelper進行擴展，是MVC中對于View層進行靈活控制的主要手段之一，對此我在第七回：漫談ActionLink，有時“胡攪蠻纏”中進行過探討。在本文，只是一個小技巧，豐富我們在自定義HtmlHelper時可以有更好的選擇。

首先，我們先了解一下，幾個簡單的HtmlHelper擴展是如何實現：

public static string Label(this HtmlHelper helper, string name, string value)
{
return string.Format("{1}
", 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。

總結

以上是生活随笔為你收集整理的艾伟_转载：[一步一步MVC]第五回：让TagBuilder丰富你的HtmlHelper的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。