Building HtmlHelper Extension Methods for ASP.NET MVC
来源:互联网 发布:股票新闻软件知乎 编辑:程序博客网 时间:2024/06/05 12:30
ASP.NET MVC is the latest buzz pattern in web development. ASP.NET MVC was recently released and I think it is a great way to develop web applications. If you are new to ASP.NET MVC, check ASP.NET MVC - Some Frequently Asked Questions and Your First ASP.NET MVC Application. One of the benefits of MVC is you having total control over what and how your code is rendered in the browser. When you create the HTML for your page, a class that is very helpful is the HtmlHelper class. This class represents support for rendering HTML controls in a view. You can use the HtmlHelper class to render controls such as a TextBox, which renders as input type=”text”, to the browser like the following:
<%= Html.TextBox("Firstname") %>
In the first release of ASP.NET MVC, the HtmlHelper class does not cover a large area of HTML controls. This article will show you how to create your own extension method to complement the existing HtmlHelper class. Before going any further you’ll need to install ASP.NET MVC. You can download that here.
To begin with open Visual Studio 2008 and choose File > New > Project > ASP.NET MVC Web Application.
By default Visual Studio creates several folders for you, namely Models, Views and Controllers. Start by creating a new folder in the root directory called Common. In that folder create a new class called Helpers and add the following code:
C#
public static class Helpers
{
public static string Span(this HtmlHelper html, string text)
{
var builder = new TagBuilder("span");
builder.GenerateId("firstName");
builder.SetInnerText(text);
return builder.ToString(TagRenderMode.Normal);
}
}
VB.NET
Public Module Helpers
<System.Runtime.CompilerServices.Extension> _
Public Function Span(ByVal html As HtmlHelper, ByVal text As String) As String
Dim builder = New TagBuilder("span")
builder.GenerateId("firstName")
builder.SetInnerText(text)
Return builder.ToString(TagRenderMode.Normal)
End Function
End Module
I’m using a feature in C# 3.0 called extension methods. Extension methods enable you to "add" methods to existing types without creating a new derived type, recompiling, or otherwise modifying the original type. Using this new feature allows you to write custom methods that will appear in Visual Studio’s intellisense when working in the HTML designer. The ASP.NET MVC framework includes a useful utility class named the TagBuilder class that you can use when building HTML helpers. The TagBuilder class, as the name of the class suggests, enables you to easily build HTML tags. The next step is to make this helper class available to all the Views in the project. You could add this directive to each view:
<%@ Import Namespace="MvcApplication1.Common" %>
But that would mean you would need to add this directive to every view that needs to use this helper class. That isn’t acceptable because of maintenance. What happens if you want to move it to another namespace? Allot of find and replaces! The better option is to add the namespace to the web.config file so it’s available to every view. Add the following code to the pages/namespaces element:
<add namespace="MvcApplication1.Common"/>
This helper class can now be used through the entire project. To demonstrate how to use this helper class you need to open the About.aspx in the Home view and add the following code:
<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
<h2>About</h2>
<p>
<%= Html.Span("About page...") %>
</p>
</asp:Content>
In the code above there is the Span extension method created earlier. As you might expect it will render a <span> tag in the browser. Pretty neat huh?!
You can create helper methods that map to different HTML tags, so you can create them to display bold or even italic text. The choice is up to you. This is a nice feature of MVC that allows you to easily build custom HTML tags in your views. The entire source code of this article can be downloaded over here
- Building HtmlHelper Extension Methods for ASP.NET MVC
- ASP.net MVC--Htmlhelper
- ASP.NET MVC HtmlHelper
- ASP.NET MVC 之 HtmlHelper
- C# ASP.NET MVC HtmlHelper
- Asp.net MVC HtmlHelper学习
- asp.net mvc htmlhelper扩展
- asp.net mvc 分页控件:HtmlHelper扩展
- ASP.NET MVC HtmlHelper用法大全
- C# ASP.NET MVC HtmlHelper用法大全
- ASP.NET MVC HtmlHelper用法大全
- <转>ASP.NET MVC HtmlHelper用法大全
- 扩展ASP.NET MVC HtmlHelper类
- ASP.NET MVC HtmlHelper用法大全
- ASP.NET MVC HtmlHelper用法集锦
- 扩展ASP.NET MVC HtmlHelper类
- C# ASP.NET MVC HtmlHelper用法大全
- asp.net mvc htmlhelper 扩展方法
- 在vs2010中使用外部程序测试COM自动化组件
- Informix Dynamic Server 11.50 的 HDR 环境搭建最佳实践
- 从零开始重写KOK1(万王之王1) —— (2)优化地图加载
- SOA加速企业信息化步伐
- android 画图画板清空
- Building HtmlHelper Extension Methods for ASP.NET MVC
- solaris svcs命令
- http://www.cnblogs.com/kerryking/archive/2008/08/03/1259259.html
- linux编程的108种奇淫巧计-15(减少复制)[续]
- 让Windows Server 2008+IIS 7+ASP.NET支持10万个同时请求
- 小评《算法导论》(转载)
- 企业软件的发展模式
- 拷贝 Python 对象 浅拷贝和深拷贝
- Ext JS 4倒计时:动态加载和新的类系统