麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > .NET > 正文

ASP.NET MVC HtmlHelper如何擴展

2024-07-10 13:30:26
字體:
來源:轉載
供稿:網友
ASP.NET MVC 中HtmlHelper方法為我們提供很多html標簽,只需在頁面調用就行了,但是微軟并沒有把所有的html標簽都對應有了擴展方法,需要我們自定義HtmlHelper,來滿足我們需要。
 

一、ASP.NET 擴展方法三要素

(1)、靜態類

可以從下圖看出,InputExtension首先是一個靜態類;

(2)、靜態方法

既然是靜態類,那么其所有的方法必然都是靜態方法,例如:public static MvcHtmlString CheckBox();

(3)、this關鍵字

可以從方法名定義中看出,第一個參數都是this HtmlHelper htmlHelper,代表對HtmlHelper類的擴展;

二、通過 MVC  HtmlHelper擴展 實例簡單說明擴展步驟

實例1、擴展Submit

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;namespace TestMvcHelper{  public static class HtmlExtensions  {    public static MvcHtmlString Submit(this HtmlHelper helper, string value)    {      var builder = new TagBuilder("input"); //使我們創建的標簽名字設為input      builder.MergeAttribute("type", "submit"); //添加屬性 type="submit"      builder.MergeAttribute("value", value);      return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing));     }  }}

上述實例說明

(1)、在使用TagBuilder需要引入命名空間System.Web.Mvc。
(2)、Submit方法名是對應視圖中調用的名稱。 (如:@Html.Submit("提交") )
(3)、this HtmlHelper

helper 將Submit方法添加到HtmlHelper中,value是傳過來的提交按鈕上的文字。
(4)、var builder = new TagBuilder("input");     

設置標簽名字設為input。
(5)、builder.MergeAttribute("type", "submit")  

設置標簽屬性type="submit"。
(6)、builder.MergeAttribute("value", value);     

設置標簽提交按鈕Value值。
(7)、TagRenderMode.SelfClosing                    

表示用于呈現自結束標記(例如,<input />)的模式。
(8)、TagRenderMode是個枚舉類,分別為

Normal(表示用于呈現正常文本的模式)

StartTag(表示用于呈現開始標記(例如,<tag>)的模式)

EndTag(表示用于呈現結束標記(例如,</tag>)的模式)

SelfClosing(表示用于呈現自結束標記(例如,<tag />)的模式)。
(9)、MvcHtmlString作為返回值是為了使返回值不被轉義,比如"<"不會被轉成"<"。

View中調用

@Html.Submit("提交")

實例2、擴展超鏈接

http://www.CodeHighlighter.com/--> 1 /// <summary>/// 帶描述的鏈接擴展方法/// </summary>/// <param name="htmlHelper">要擴展的HtmlHelper類</param>/// <param name="title">標題</param>/// <param name="url">鏈接地址</param>/// <param name="description">描述</param>/// <returns>HTML代碼</returns>public static MvcHtmlString LinkWithDescription(this HtmlHelper htmlHelper, string title, string url, string description){  // 生成與標題鏈接有關的HTML代碼  TagBuilder titleContainer = new TagBuilder("p");  // 標題鏈接容器p  TagBuilder titleLink = new TagBuilder("a");  // 標題中的文字要有鏈接,所以包含在a標簽內  titleLink.MergeAttribute("href", url);  // 為a添加href屬性并指定鏈接地址  titleLink.SetInnerText(title);  // 標題文字  titleContainer.InnerHtml = titleLink.ToString();  // 將a放到p中  titleContainer.AddCssClass("LinkTitle");  // 為標題添加樣式  // 生成與鏈接描述有關的HTML代碼  TagBuilder descriptionContainer = new TagBuilder("p");  // 連接描述容器p  descriptionContainer.InnerHtml = description;  // 描述文字  descriptionContainer.AddCssClass("LinkDescription");  // 為描述添加樣式  // 將上述元素放入一個DIV中  TagBuilder div = new TagBuilder("div");  div.InnerHtml = string.Format("{0}{1}", titleContainer.ToString(), descriptionContainer.ToString());  // 返回生成的HTML代碼  return MvcHtmlString.Create(div.ToString());}

視圖中調用

@Html.LinkWithDescription("測試鏈接1""#""這是測試鏈接1的描述")



注:相關教程知識閱讀請移步到ASP.NET教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 一区二区久久精品66国产精品 | 国产寡妇xxxxxxxx性开放 | 国产亚洲精品久久久久久大师 | 亚洲小视频网站 | 香蕉秀| 久久精品欧美视频 | 国产亚洲精品久久久久久网站 | 久久精品2019中文字幕 | 黄色网址在线免费 | 欧美精品激情视频 | 成av人在线观看 | 久久久久久久亚洲视频 | 92自拍视频| 午夜免费网 | 成人免费一区二区三区视频网站 | 天堂精品久久 | 热99re久久免费视精品频软件 | 91精品国产综合久久婷婷香蕉 | 久久99精品久久久久久久久久久久 | 黄网免费看 | 成人宗合网 | 涩涩伊人 | 美女被免费网站在线软件 | h久久 | 精品久久久久久久久久 | 免费一区二区三区 | 一级网站 | av影院在线播放 | 草草视频免费 | 精品一区在线视频 | 成人在线视频在线观看 | 精品国产一区二区在线观看 | 日韩电影av在线 | 成人在线视频免费 | 日本不卡视频在线观看 | 久久精品免费网站 | 99麻豆久久久国产精品免费 | 久久久久久久久久久影视 | 欧美一级小视频 | 久久久久久久免费看 | 最新精品在线 |