ASP.NET MVC3 Html 标签扩展

最近研究这个，突发奇想想要扩展一下里面的Html标签，应为以前做Java时候这样做是可以的，查阅了相关资料用于调用成功了，发出来大家看看，共同进步，也是防止被自己忘却~

 

话不多说直接上代码：

 

using System; using System.Collections.Generic; using System.Runtime.CompilerServices; using System.Linq.Expressions; using System.Web.Mvc; namespace System.Web.Mvc { public static class HtmlExtensions { public static MvcHtmlString MyTag(this HtmlHelper html, string name, string id = "") { string innerHtml = string.Format("My Name Is: {0}", name); TagBuilder tagBuilder = new TagBuilder("span"); tagBuilder.InnerHtml = innerHtml; if(!string.IsNullOrEmpty(id)) { tagBuilder.Attributes.Add("id", id); } return MvcHtmlString.Create(tagBuilder.ToString()); } } }  

其中有几个关键的地方需要注意，一个是命名空间应该是System.Web.Mvc，因为Htmlhelper类是在这个里面，这里运用的应该是.NET 3.0里面的扩展方法实现了对于Html标签的扩展，MvcHtmlString 对象是为了让输出的标签符合Html如果直接输出string，那在页面显示的时候会直接显示标签的全部内容，比如上面例子就会变成<span id = "你传递的id">name</span>。

 

在View层的调用如下：

 

 

@inherits System.Web.Mvc.WebViewPage @{ View.Title = "Home Page"; LayoutPage = "~/Views/Shared/_Layout.cshtml"; } <h2>@View.Message</h2> <mce:style><!-- #Test{ color:#ff0000; } --></mce:style><style mce_bogus="1">#Test{ color:#ff0000; }</style> @Html.MyTag("测试", "Test") <p> To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" mce_href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>. </p>

 

效果如下图所示： 

 

 

 

这样基本上就可以实现自定义标签库了，实现或者封装一些你自己需要的空间或者功能进去吧。

 

记录是为了备忘，也是想分享一些经验。

 

以上事例请在VS2010 下的MVC3项目中调试。