程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> [一步一步MVC]第五回:讓TagBuilder豐富你的HtmlHelper

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

編輯:關於ASP.NET

對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/

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved