本系列文章導(dǎo)航

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

[一步一步MVC]第二回：還是ActionFilter，實(shí)現(xiàn)對(duì)業(yè)務(wù)邏輯的統(tǒng)一Authorize處理

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

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

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

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

對(duì)HtmlHelper進(jìn)行擴(kuò)展，是MVC中對(duì)于View層進(jìn)行靈活控制的主要手段之一，對(duì)此我在第七回：漫談ActionLink，有時(shí)“胡攪蠻纏”中進(jìn)行過(guò)探討。在本文，只是一個(gè)小技巧，豐富我們?cè)谧远xHtmlHelper時(shí)可以有更好的選擇。

首先，我們先了解一下，幾個(gè)簡(jiǎn)單的HtmlHelper擴(kuò)展是如何實(shí)現(xiàn)：

public static string Label(this HtmlHelper helper, string name, string value)
{
return string.Format("{1}
", name, value);
}

很簡(jiǎn)單，就是實(shí)現(xiàn)一個(gè)對(duì)HtmlHelper的擴(kuò)展方法，這樣我們就可以在View層通過(guò)

?

<%= Html.Label("Anytao", "tao") %>

?

而無(wú)需：

?

<label for="tao">Anytao</label>

?

顯然，通過(guò)Html.Lable方式更加的簡(jiǎn)潔和靈活，此例僅僅是個(gè)簡(jiǎn)單的舉例。事實(shí)上，通過(guò)Html.XXX可以封裝更多的預(yù)定義Html代碼，實(shí)現(xiàn)更多有效、復(fù)雜的個(gè)性化實(shí)現(xiàn)，例如在本文的下一篇我將通過(guò)Html.Naviagte方式實(shí)現(xiàn)一個(gè)封裝了Sitemap的Breadcrumb控制，從而使得我們體會(huì)更好的Html是如何做到的。

對(duì)于Html.Label而言，還有一個(gè)重要的內(nèi)容需要添加，那就是對(duì)于Html標(biāo)記如何動(dòng)態(tài)的指定和渲染，例如我們可以對(duì)Label指定id、class還有更多其他的Html屬性，這是個(gè)有市場(chǎng)的需求，因?yàn)橹辽贋镈om元素指定Css是經(jīng)常發(fā)生的事情，例如假設(shè)有如下的需求：

?

<label class="grey" for="tao">Anytao</label>

?

在原有的Html.Label擴(kuò)展實(shí)現(xiàn)中，class的指定是無(wú)法做到的，因此需要從新構(gòu)造，辦法就是添加htmlAttributes參數(shù)，實(shí)現(xiàn)類似于ActionLink一樣的控制，例如：

?

<%= Html.Label("Anytao", "tao", new { @class="grey"} %>

?

那么，我們?cè)撊绾无k呢？我想起了TagBuilder，來(lái)簡(jiǎn)化實(shí)現(xiàn)的復(fù)雜度，事實(shí)上TagBuilder就是干這個(gè)的主，廢話不說(shuō)給出更新之后的Html.Label實(shí)現(xiàn)：

?

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);
}

?

辦法很簡(jiǎn)單，在Html.Label內(nèi)部通過(guò)TagBuilder，實(shí)現(xiàn)了對(duì)htmlAttribute特性的添加，實(shí)現(xiàn)的辦法非常簡(jiǎn)單：

?

tagBuilder.MergeAttributes(new RouteValueDictionary(htmlAttributes));

?

在MergeAttributes方法內(nèi)部實(shí)現(xiàn)對(duì)Html Attribute信息的整合，有興趣大家可以了解具體的實(shí)現(xiàn)規(guī)則。

既然我們的主角是TagBuilder，那么就順便近看其面目，總體來(lái)說(shuō)TagBuilder就是創(chuàng)建Html標(biāo)簽的Builder，類似于StringBuilder封裝了對(duì)Html標(biāo)簽的很多簡(jiǎn)單而有效的方法（例如MergeAttributes），主要包括：

• AddCssClass
• GenerateId
• MergeAttribute
• SetInnerText
• ToString

還包括幾個(gè)屬性：

• Attributes
• IdAttributeDotReplacement
• InnerHtml
• TagName

工欲善其事，必先利其器。TagBuidler使得HtmlHelper變得簡(jiǎn)單，自信的觀眾可以完全不用TagBuilder，通過(guò)任何其他的辦法來(lái)實(shí)現(xiàn)類似于MergeAttribute、AddCssClass這樣的邏輯，但是既然已經(jīng)有了，不妨一試。就像它的大哥StringBuilder，給我們處理string帶來(lái)多少不錯(cuò)的親近感受，看面子也不妨關(guān)照一下小弟TagBuilder。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。