日本好好热aⅴ|国产99视频精品免费观看|日本成人aV在线|久热香蕉国产在线

• 電腦軟件
• 單機游戲
• 安卓應用
• 安卓游戲
• 蘋果電腦
• 蘋果手機

軟件

軟件

文章

搜索

首頁 → 編程開發(fā) → C#.NET → 在 ASP.NET MVC 中創(chuàng)建自定義 HtmlHelper

在 ASP.NET MVC 中創(chuàng)建自定義 HtmlHelper

相關軟件相關文章發(fā)表評論 來源：雪的夢幻時間：2010/9/21 10:54:31字體大�。�A-A+

作者：佚名點擊：321次評論：0次標簽： MVC

ASP.NET MVC 3 框架安裝包官方版

• 類型：編程控件大小：22.2M語言：中文 評分：2.2
• 標簽：

立即下載

在ASP.NET MVC應用程序的開發(fā)中，我們常碰到類似Html.Label或Html.TextBox這樣的代碼，它將在網頁上產生一個label或input標記。這些HtmlHelper的擴展方法有些像WebForm中的控件，只需傳入一些參數(shù)即可生成相應的HTML代碼。本文將介紹創(chuàng)建HtmlHelper的方法。

Html.Textbox方法的返回值是MvcHtmlString，它生成了一些HTML代碼。創(chuàng)建HtmlHelper，就像在生成HTML代碼。下面以一個帶有簡要描述功能的鏈接HtmlHelper為例介紹創(chuàng)建自定義HtmlHelper的方法。它將顯示一個鏈接并在下方簡要介紹該與該鏈接內容有關的信息。在某些帶有簡要描述的項列表頁上可能會需要類似的功能。最后的結果預覽如下圖。

上面使用了3次自定義的HtmlHelper，每次生成的代碼如下

1 <div>
2 <p class="LinkTitle"><a href="#">鏈接標題</a></p>
3 <p class="LinkDescription">鏈接描述</p>
4 </div>


可能稍微有點復雜，因為有了標簽的嵌套。

做好準備工作以后，新建一個靜態(tài)類LinkWithDescriptionExtensions，添加靜態(tài)方法LinkWithDescription，代碼如下

1 /// <summary>
2 /// 帶描述的鏈接擴展方法
3 /// </summary>
4 /// <param name="htmlHelper">要擴展的HtmlHelper類</param>
5 /// <param name="title">標題</param>
6 /// <param name="url">鏈接地址</param>
7 /// <param name="description">描述</param>
8 /// <returns>HTML代碼</returns>
9 public static MvcHtmlString LinkWithDescription(this HtmlHelper htmlHelper, string title, string url, string description)
10 {
11 // 生成與標題鏈接有關的HTML代碼
12 TagBuilder titleContainer = new TagBuilder("p"); // 標題鏈接容器p
13 TagBuilder titleLink = new TagBuilder("a"); // 標題中的文字要有鏈接,所以包含在a標簽內
14 titleLink.MergeAttribute("href", url); // 為a添加href屬性并指定鏈接地址
15 titleLink.SetInnerText(title); // 標題文字
16 titleContainer.InnerHtml = titleLink.ToString(); // 將a放到p中
17 titleContainer.AddCssClass("LinkTitle"); // 為標題添加樣式
18
19 // 生成與鏈接描述有關的HTML代碼
20 TagBuilder descriptionContainer = new TagBuilder("p"); // 連接描述容器p
21 descriptionContainer.InnerHtml = description; // 描述文字
22 descriptionContainer.AddCssClass("LinkDescription"); // 為描述添加樣式
23
24 // 將上述元素放入一個DIV中
25 TagBuilder div = new TagBuilder("div");
26 div.InnerHtml = string.Format("{0}{1}", titleContainer.ToString(), descriptionContainer.ToString());
27
28 // 返回生成的HTML代碼
29 return MvcHtmlString.Create(div.ToString());
30 }


先理清結構再使用TagBuilder生成HTML代碼是比較方便的。這里也可以使用拼接字符串的方式來生成HTML代碼，只要最后得到所需的HTML代碼就可以，但是我個人不建議使用拼接字符串的方式，這樣不僅思維容易混亂而且容易出錯。使用TagBuilder既結構清晰，又不容易出錯。

在ASPX頁中，可以使用

1 <%:Html.LinkWithDescription("測試鏈接1", "#", "這是測試鏈接1的描述")%>
2 <%:Html.LinkWithDescription("測試鏈接2", "#", "這是測試鏈接2的描述")%>
3 <%:Html.LinkWithDescription("測試鏈接3", "#", "這是測試鏈接3的描述")%>


來調用上面的擴展方法，這里的鏈接標題、鏈接地址和描述等信息可以通過ViewData等方式傳入。在Action中寫
1 /// <summary>
2 /// Demo
3 /// </summary>
4 /// <returns>Demo視圖</returns>
5 public ActionResult Demo()
6 {
7 // 創(chuàng)建鏈接信息列表
8 List<LinkInfo> links = new List<LinkInfo>();
9 links.Add(new LinkInfo { Description = "這是測試鏈接1的描述", Title = "測試鏈接1", Url = "#" });
10 links.Add(new LinkInfo { Description = "這是測試鏈接2的描述", Title = "測試鏈接2", Url = "#" });
11 links.Add(new LinkInfo { Description = "這是測試鏈接3的描述", Title = "測試鏈接3", Url = "#" });
12
13
14 ViewData["Links"] = links;
15
16 return View();
17 }


在ASPX頁中寫

1 <%List<LinkInfo> links=ViewData["Links"] as List<LinkInfo>;
2 foreach (var link in links)
3 { %>
4 <%:Html.LinkWithDescription(link.Title, link.Url, link.Description)%>
5 <%} %>
在ASP.NET MVC應用程序的開發(fā)中，我們常碰到類似Html.Label或Html.TextBox這樣的代碼，它將在網頁上產生一個label或input標記。這些HtmlHelper的擴展方法有些像WebForm中的控件，只需傳入一些參數(shù)即可生成相應的HTML代碼。本文將介紹創(chuàng)建HtmlHelper的方法。

Html.Textbox方法的返回值是MvcHtmlString，它生成了一些HTML代碼。創(chuàng)建HtmlHelper，就像在生成HTML代碼。下面以一個帶有簡要描述功能的鏈接HtmlHelper為例介紹創(chuàng)建自定義HtmlHelper的方法。它將顯示一個鏈接并在下方簡要介紹該與該鏈接內容有關的信息。在某些帶有簡要描述的項列表頁上可能會需要類似的功能。最后的結果預覽如下圖。


上面使用了3次自定義的HtmlHelper，每次生成的代碼如下

1 <div>
2 <p class="LinkTitle"><a href="#">鏈接標題</a></p>
3 <p class="LinkDescription">鏈接描述</p>
4 </div>


可能稍微有點復雜，因為有了標簽的嵌套。

做好準備工作以后，新建一個靜態(tài)類LinkWithDescriptionExtensions，添加靜態(tài)方法LinkWithDescription，代碼如下

1 /// <summary>
2 /// 帶描述的鏈接擴展方法
3 /// </summary>
4 /// <param name="htmlHelper">要擴展的HtmlHelper類</param>
5 /// <param name="title">標題</param>
6 /// <param name="url">鏈接地址</param>
7 /// <param name="description">描述</param>
8 /// <returns>HTML代碼</returns>
9 public static MvcHtmlString LinkWithDescription(this HtmlHelper htmlHelper, string title, string url, string description)
10 {
11 // 生成與標題鏈接有關的HTML代碼
12 TagBuilder titleContainer = new TagBuilder("p"); // 標題鏈接容器p
13 TagBuilder titleLink = new TagBuilder("a"); // 標題中的文字要有鏈接,所以包含在a標簽內
14 titleLink.MergeAttribute("href", url); // 為a添加href屬性并指定鏈接地址
15 titleLink.SetInnerText(title); // 標題文字
16 titleContainer.InnerHtml = titleLink.ToString(); // 將a放到p中
17 titleContainer.AddCssClass("LinkTitle"); // 為標題添加樣式
18
19 // 生成與鏈接描述有關的HTML代碼
20 TagBuilder descriptionContainer = new TagBuilder("p"); // 連接描述容器p
21 descriptionContainer.InnerHtml = description; // 描述文字
22 descriptionContainer.AddCssClass("LinkDescription"); // 為描述添加樣式
23
24 // 將上述元素放入一個DIV中
25 TagBuilder div = new TagBuilder("div");
26 div.InnerHtml = string.Format("{0}{1}", titleContainer.ToString(), descriptionContainer.ToString());
27
28 // 返回生成的HTML代碼
29 return MvcHtmlString.Create(div.ToString());
30 }


先理清結構再使用TagBuilder生成HTML代碼是比較方便的。這里也可以使用拼接字符串的方式來生成HTML代碼，只要最后得到所需的HTML代碼就可以，但是我個人不建議使用拼接字符串的方式，這樣不僅思維容易混亂而且容易出錯。使用TagBuilder既結構清晰，又不容易出錯。

在ASPX頁中，可以使用

1 <%:Html.LinkWithDescription("測試鏈接1", "#", "這是測試鏈接1的描述")%>
2 <%:Html.LinkWithDescription("測試鏈接2", "#", "這是測試鏈接2的描述")%>
3 <%:Html.LinkWithDescription("測試鏈接3", "#", "這是測試鏈接3的描述")%>


來調用上面的擴展方法，這里的鏈接標題、鏈接地址和描述等信息可以通過ViewData等方式傳入。在Action中寫

1 /// <summary>
2 /// Demo
3 /// </summary>
4 /// <returns>Demo視圖</returns>
5 public ActionResult Demo()
6 {
7 // 創(chuàng)建鏈接信息列表
8 List<LinkInfo> links = new List<LinkInfo>();
9 links.Add(new LinkInfo { Description = "這是測試鏈接1的描述", Title = "測試鏈接1", Url = "#" });
10 links.Add(new LinkInfo { Description = "這是測試鏈接2的描述", Title = "測試鏈接2", Url = "#" });
11 links.Add(new LinkInfo { Description = "這是測試鏈接3的描述", Title = "測試鏈接3", Url = "#" });
12
13
14 ViewData["Links"] = links;
15
16 return View();
17 }


在ASPX頁中寫

1 <%List<LinkInfo> links=ViewData["Links"] as List<LinkInfo>;
2 foreach (var link in links)
3 { %>
4 <%:Html.LinkWithDescription(link.Title, link.Url, link.Description)%>
5 <%} %>
在ASP.NET MVC應用程序的開發(fā)中，我們常碰到類似Html.Label或Html.TextBox這樣的代碼，它將在網頁上產生一個label或input標記。這些HtmlHelper的擴展方法有些像WebForm中的控件，只需傳入一些參數(shù)即可生成相應的HTML代碼。本文將介紹創(chuàng)建HtmlHelper的方法。

Html.Textbox方法的返回值是MvcHtmlString，它生成了一些HTML代碼。創(chuàng)建HtmlHelper，就像在生成HTML代碼。下面以一個帶有簡要描述功能的鏈接HtmlHelper為例介紹創(chuàng)建自定義HtmlHelper的方法。它將顯示一個鏈接并在下方簡要介紹該與該鏈接內容有關的信息。在某些帶有簡要描述的項列表頁上可能會需要類似的功能。最后的結果預覽如下圖。


上面使用了3次自定義的HtmlHelper，每次生成的代碼如下

1 <div>
2 <p class="LinkTitle"><a href="#">鏈接標題</a></p>
3 <p class="LinkDescription">鏈接描述</p>
4 </div>


可能稍微有點復雜，因為有了標簽的嵌套。

做好準備工作以后，新建一個靜態(tài)類LinkWithDescriptionExtensions，添加靜態(tài)方法LinkWithDescription，代碼如下
1 /// <summary>
2 /// 帶描述的鏈接擴展方法
3 /// </summary>
4 /// <param name="htmlHelper">要擴展的HtmlHelper類</param>
5 /// <param name="title">標題</param>
6 /// <param name="url">鏈接地址</param>
7 /// <param name="description">描述</param>
8 /// <returns>HTML代碼</returns>
9 public static MvcHtmlString LinkWithDescription(this HtmlHelper htmlHelper, string title, string url, string description)
10 {
11 // 生成與標題鏈接有關的HTML代碼
12 TagBuilder titleContainer = new TagBuilder("p"); // 標題鏈接容器p
13 TagBuilder titleLink = new TagBuilder("a"); // 標題中的文字要有鏈接,所以包含在a標簽內
14 titleLink.MergeAttribute("href", url); // 為a添加href屬性并指定鏈接地址
15 titleLink.SetInnerText(title); // 標題文字
16 titleContainer.InnerHtml = titleLink.ToString(); // 將a放到p中
17 titleContainer.AddCssClass("LinkTitle"); // 為標題添加樣式
18
19 // 生成與鏈接描述有關的HTML代碼
20 TagBuilder descriptionContainer = new TagBuilder("p"); // 連接描述容器p
21 descriptionContainer.InnerHtml = description; // 描述文字
22 descriptionContainer.AddCssClass("LinkDescription"); // 為描述添加樣式
23
24 // 將上述元素放入一個DIV中
25 TagBuilder div = new TagBuilder("div");
26 div.InnerHtml = string.Format("{0}{1}", titleContainer.ToString(), descriptionContainer.ToString());
27
28 // 返回生成的HTML代碼
29 return MvcHtmlString.Create(div.ToString());
30 }

先理清結構再使用TagBuilder生成HTML代碼是比較方便的。這里也可以使用拼接字符串的方式來生成HTML代碼，只要最后得到所需的HTML代碼就可以，但是我個人不建議使用拼接字符串的方式，這樣不僅思維容易混亂而且容易出錯。使用TagBuilder既結構清晰，又不容易出錯。

在ASPX頁中，可以使用

1 <%:Html.LinkWithDescription("測試鏈接1", "#", "這是測試鏈接1的描述")%>
2 <%:Html.LinkWithDescription("測試鏈接2", "#", "這是測試鏈接2的描述")%>
3 <%:Html.LinkWithDescription("測試鏈接3", "#", "這是測試鏈接3的描述")%>


來調用上面的擴展方法，這里的鏈接標題、鏈接地址和描述等信息可以通過ViewData等方式傳入。在Action中寫

1 /// <summary>
2 /// Demo
3 /// </summary>
4 /// <returns>Demo視圖</returns>
5 public ActionResult Demo()
6 {
7 // 創(chuàng)建鏈接信息列表
8 List<LinkInfo> links = new List<LinkInfo>();
9 links.Add(new LinkInfo { Description = "這是測試鏈接1的描述", Title = "測試鏈接1", Url = "#" });
10 links.Add(new LinkInfo { Description = "這是測試鏈接2的描述", Title = "測試鏈接2", Url = "#" });
11 links.Add(new LinkInfo { Description = "這是測試鏈接3的描述", Title = "測試鏈接3", Url = "#" });
12
13
14 ViewData["Links"] = links;
15
16 return View();
17 }


在ASPX頁中寫
1 <%List<LinkInfo> links=ViewData["Links"] as List<LinkInfo>;
2 foreach (var link in links)
3 { %>
4 <%:Html.LinkWithDescription(link.Title, link.Url, link.Description)%>
5 <%} %>

相關文章

02-20AspNet MVC中各種上下文理解

02-15在linux上怎么開發(fā)asp.net mvc3網站圖文教程

04-13ASP.NET MVC中解析淘寶網頁出現(xiàn)亂碼問題的解決方案

02-27ASP.NET MVC應用程序的安全性介紹總括

01-29mvc4 新特性分享

12-25使用Glimpse 監(jiān)測ASP.NET MVC網站性能

11-30MVC中JSON字符長度超出限制的異常解決方案

05-28ASP.NET MVC 數(shù)據(jù)分頁思想及解決方案代碼

12-08ASP.Net MVC不在多個Action上寫同樣的FitlerAttribute

11-30MVC下的數(shù)據(jù)綁定服務器控件

相關評論

閱讀本文后您有什么感想? 已有23人給出評價!

• 8 喜歡
• 3 頂
• 1 難過
• 5 囧
• 3 圍觀
• 2 無聊

熱門評論

最新評論

發(fā)表評論 查看所有評論(0)

昵稱:

表情:

字數(shù): 0/500 (您的評論需要經過審核才能顯示)

推薦文章

7月份 Tiobe 分布編程語言排行 C#位居第5位 利用WPF自己做的全文翻譯小工具

• C# ToString格式化輸出、ToString重寫等常用技巧總結
• 7月份 Tiobe 分布編程語言排行 C#位居第5位
• 利用WPF自己做的全文翻譯小工具
• Visual Studio 2010 自定義代碼段新特性
• 使用ILDASM.EXE工具,判斷一個.NET程序是使用VB.NET語言寫的

相關下載

名稱大小下載

• 1ASP.NET MVC 3 框架安裝包22.2M下載
• 2Asp.Net MVC 必備插件MVC Route Visualizer227KB下載
• 3MVC TREEVIEW插件72KB下載
• 4雙魚林php基于mvc三層模式代碼生成器871KB下載
• 5微軟ASP.NET MVC 321.0M下載
• 6slave4j使用視頻教程91.4M下載
• 7(OneNote Importer)將內容從Evernote移到 OneNote2.2M下載
• 8(阿香婆硬盤維護工具)Ashampoo HDD Control18.8M下載
• 9.NET2.7M下載
• 10.NET CF 3.5魅族修改版2.8M下載

最新文章

• 

  學習LINQ幾個主要操作實例代碼分享

  13-01-22
• 

  VS2012與VS2010的區(qū)別，VS2012使用初體

  12-08-17
• 

  7月份 Tiobe 分布編程語言排行 C#位居第

  10-07-09
• 

  利用WPF自己做的全文翻譯小工具

  10-03-16
• 

  如何用c#實現(xiàn)仿QQ會員右下角提示框

  10-02-05