一、ASP.NET 擴(kuò)展方法三要素
(1)、靜態(tài)類
可以從下圖看出,InputExtension首先是一個(gè)靜態(tài)類;
(2)、靜態(tài)方法
既然是靜態(tài)類,那么其所有的方法必然都是靜態(tài)方法,例如:public static MvcHtmlString CheckBox();
(3)、this關(guān)鍵字
可以從方法名定義中看出,第一個(gè)參數(shù)都是this HtmlHelper htmlHelper,代表對(duì)HtmlHelper類的擴(kuò)展;
二、通過(guò) MVC HtmlHelper擴(kuò)展 實(shí)例簡(jiǎn)單說(shuō)明擴(kuò)展步驟
實(shí)例1、擴(kuò)展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"); //使我們創(chuàng)建的標(biāo)簽名字設(shè)為input
builder.MergeAttribute("type", "submit"); //添加屬性 type="submit"
builder.MergeAttribute("value", value);
return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing));
}
}
}
上述實(shí)例說(shuō)明
(1)、在使用TagBuilder需要引入命名空間System.Web.Mvc。
(2)、Submit方法名是對(duì)應(yīng)視圖中調(diào)用的名稱。 (如:@Html.Submit("提交") )
(3)、this HtmlHelper
helper 將Submit方法添加到HtmlHelper中,value是傳過(guò)來(lái)的提交按鈕上的文字。
(4)、var builder = new TagBuilder("input");
設(shè)置標(biāo)簽名字設(shè)為input。
(5)、builder.MergeAttribute("type", "submit")
設(shè)置標(biāo)簽屬性type="submit"。
(6)、builder.MergeAttribute("value", value);
設(shè)置標(biāo)簽提交按鈕Value值。
(7)、TagRenderMode.SelfClosing
表示用于呈現(xiàn)自結(jié)束標(biāo)記(例如,input />)的模式。
(8)、TagRenderMode是個(gè)枚舉類,分別為
Normal(表示用于呈現(xiàn)正常文本的模式)
StartTag(表示用于呈現(xiàn)開始標(biāo)記(例如,tag>)的模式)
EndTag(表示用于呈現(xiàn)結(jié)束標(biāo)記(例如,/tag>)的模式)
SelfClosing(表示用于呈現(xiàn)自結(jié)束標(biāo)記(例如,tag />)的模式)。
(9)、MvcHtmlString作為返回值是為了使返回值不被轉(zhuǎn)義,比如""不會(huì)被轉(zhuǎn)成"lt"。
View中調(diào)用
實(shí)例2、擴(kuò)展超鏈接
http://www.CodeHighlighter.com/--> 1 /// summary>
/// 帶描述的鏈接擴(kuò)展方法
/// /summary>
/// param name="htmlHelper">要擴(kuò)展的HtmlHelper類/param>
/// param name="title">標(biāo)題/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)
{
// 生成與標(biāo)題鏈接有關(guān)的HTML代碼
TagBuilder titleContainer = new TagBuilder("p"); // 標(biāo)題鏈接容器p
TagBuilder titleLink = new TagBuilder("a"); // 標(biāo)題中的文字要有鏈接,所以包含在a標(biāo)簽內(nèi)
titleLink.MergeAttribute("href", url); // 為a添加href屬性并指定鏈接地址
titleLink.SetInnerText(title); // 標(biāo)題文字
titleContainer.InnerHtml = titleLink.ToString(); // 將a放到p中
titleContainer.AddCssClass("LinkTitle"); // 為標(biāo)題添加樣式
// 生成與鏈接描述有關(guān)的HTML代碼
TagBuilder descriptionContainer = new TagBuilder("p"); // 連接描述容器p
descriptionContainer.InnerHtml = description; // 描述文字
descriptionContainer.AddCssClass("LinkDescription"); // 為描述添加樣式
// 將上述元素放入一個(gè)DIV中
TagBuilder div = new TagBuilder("div");
div.InnerHtml = string.Format("{0}{1}", titleContainer.ToString(), descriptionContainer.ToString());
// 返回生成的HTML代碼
return MvcHtmlString.Create(div.ToString());
}
視圖中調(diào)用
@Html.LinkWithDescription("測(cè)試鏈接1", "#", "這是測(cè)試鏈接1的描述")
您可能感興趣的文章:- ASP.NET MVC4 HtmlHelper擴(kuò)展類,實(shí)現(xiàn)分頁(yè)功能
- ASP.NET MVC中HtmlHelper控件7個(gè)大類中各個(gè)控件使用詳解
- Java簡(jiǎn)單實(shí)現(xiàn)SpringMVC+MyBatis分頁(yè)插件
- ASP.NET MVC 5使用X.PagedList.Mvc進(jìn)行分頁(yè)教程(PagedList.Mvc)
- MVC+jQuery.Ajax異步實(shí)現(xiàn)增刪改查和分頁(yè)
- MVC分頁(yè)之MvcPager使用詳解
- 超好用輕量級(jí)MVC分頁(yè)控件JPager.Net
- ASP.NET MVC分頁(yè)和排序功能實(shí)現(xiàn)
- MVC HtmlHelper擴(kuò)展類(PagingHelper)實(shí)現(xiàn)分頁(yè)功能