七、创建自定义的HTML Helper 转

======================================================
注：本文源代码点此下载
======================================================

这篇文章我们来讨论一下如何创建我们自己的html helper ,以便在mvc视图中使用。使用html

helper可以减少书写那些烦人的html标记。

在这篇文章的第一部分,我们来谈一下asp.net mvc框架中现有的html

helper,然后我们再来研究两种创建自定义html helper的方法:通过静态方法创建和通过扩展方法创建。

一、理解html helper

html

helper就是一个返回字符串的方法,这个字符串能提供你想要的各种类型的内容。比如,我们可以使用html helper呈显标准

的html标记(和等),我们也可以使用html helper呈显一些稍复杂的内容,如属性页或html

table表格。

asp.net mvc框架主要包含下列标准的html helper,但不全。

html.actionlink()

html.beginform()

html.checkbox()

html.dropdownlist()

html.endform()

html.hidden()

html.listbox()

html.password()

html.radiobutton()

html.textarea()

html.textbox()

下面的表单中,使用html

helper的两个方法html.beginform()和html.textbox()呈显了一个表单。

《图1》

listing 1 – views\home\index.aspx

http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml ">

index

first

name:

last name:

/>

/>

1

html.beginform()方法用来创建一对标记,我们注意到html.beginform()方法放在using语句中,using语句确保在using语句块结束的时候产生一个结束标记。

当然我们也可以不使用using语句块,我们可以使用html.endform()方法来产生结束标记。使用哪种方式可以根据自己的情况来选择。

html.textbox()方法用来显示标记,如果我们在浏览器中点击“查看源文件”会看到我们的html helper变成html标记了。

listing 2 –

index.aspx source

http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml">

{

%>

html.label("firstname", "first name:")

%>

/>

html.label("lastname", "last name:")

%>

/>

总结

在这篇文章中我们学习两种创建自定义html

helper的方法。

1、 创建返字符串的静态方法创建自定义html helper

2、

使用对htmlhelper类编写扩展方法来创建自定义html helper

在这篇文章中,我们创建了一个很简单的自定义html

helper,我们可以编写复杂的html helper,如呈显树状目录,菜单或数据表格等

。

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/