Html的用法.docx

1、Html的用法1.Html.ActionLink(Text , ViewName,object routeValues) Html.ActionLink(Text,ViewName,ControlName)2.Html.DisplayFor( modelitem =item.name ) 3.Html.Display4. Html.Label();在ASP.NET MVC框架中没有了自己的控件，页面显示完全就回到了写html代码的年代。还好在 mvc框架中也有自带的HtmlHelper和UrlHelper两个帮助类。另外在MvcContrib扩展项目中也有扩展一些帮助类，这样我们就不光只能使用

2、完整的html来编写了需要显示的页面了，就可以使用这些帮助类来完成，但最后运行时都还是要生成html代码的。 先来看看HtmlHelper能帮我们生成一些什么样的html呢。直接看效果吧。 1.使用HtmlHelper生成超链接: 2.使用HtmlHelper生成表单: 3.使用HtmlHelper根据路由规则生成表单: 4.使用HtmlHelper生成一个复选框： 复选框 5.使用HtmlHelper生成上拉列表框: % var dropList = new List(); for (int i = 0; i 6.使用HtmlHelper生成隐藏域: 7.使用HtmlHelper生成列表框：

3、 %var list = new List(); for (var i = 0; i 8.使用HtmlHelper生成密码输入框: 9.使用HtmlHelper生成单选框: 男 女 10.使用HtmlHelper生成部分视图（用户控件）： 11.使用HtmlHelper根据路由规则生成超链接： 12.使用HtmlHelper生成富文本框： 13.使用HtmlHelper生成文本框： 其实大家可能注意到了，当我们在使用中有同样都是使用的HtmlHelper中的方法，为什么有的需要加上等号，有的不需要，其实在HtmlHelper中的方法中，只要是返回的是MvcHtmlString类型的方法都需要使

4、用等号将值输出。在来看看生成的结果吧。 1.使用HtmlHelper生成超链接: 我是超链接 2.使用HtmlHelper生成表单: 3.使用HtmlHelper根据路由规则生成表单: 4.使用HtmlHelper生成一个复选框： 复选框 5.使用HtmlHelper生成上拉列表框: 01234 6.使用HtmlHelper生成隐藏域: 7.使用HtmlHelper生成列表框： 01234 8.使用HtmlHelper生成密码输入框: 9.使用HtmlHelper生成单选框: 男 女 10.使用HtmlHelper生成部分视图（用户控件）： Hi，我是部分视图（用户控件） 11.使用HtmlH

5、elper根据路由规则生成超链接： 我是由路由生成的超链接 12.使用HtmlHelper生成富文本框： 13.使用HtmlHelper生成文本框： 另外HtmlHelper中还有ValidationMessage()和 ValidationSummary()等方法，下次学到验证的时候一起写出来。_在写一个编辑数据的页面时，我们通常会写如下代码由前篇我们所讲的Helper演化，我们思考，对于这种代码我们是不是也可以用一个Helper来自动绑定数据呢这当然是可以的，ASP.NET MVC提供了一个HtmlHelper用于生成有数据绑定的Html标签。1.ActionLink其中最常用的就是Htm

6、l.ActionLink(1).ActionLink(string linkText, string actionName)/页面显示linkText指向Global.asax.cs中默认的Controller对象的actionName方法(2).ActionLink(string linkText, string actionName, string controllerName)/页面显示linkText指向controllerName对应的Controller的actionName方法(3).ActionLink(string linkText,string actionName,obj

7、ect routues,object htmlAttributes)/页面显示linkText指向Global.asax.cs中默认的Controller对象的actionName方法,并且传递参数给action方法（以匿名类型的名称/值对的方式来实现），并设置页面链接的属性htmlAttributes。1.1基本的使用方式在UrlRouting规则为默认规则的情况下，它生成的HTML代码为1: 这是一个连接ActionLink中的三个参数分别为显示的文字ActionController其中Controller可以省略，省略时指向同一Controller下的Action。1.2ActionLi

8、nk中QueryString与Html属性设置 1: 带有QueryString的写法 2: 3: 4: 有其它Html属性的写法 5: 6: 7: QueryString与Html属性同时存在 8: 9: 其生成结果为： 1: 带有QueryString的写法 2: 这是一个连接 3: 这是一个连接 4: 有其它Html属性的写法 5: 这是一个连接 6: 这是一个连接 7: QueryString与Html属性同时存在 8: 这是一个连接 9: 这是一个连接这样就可以使用ActionLink生成近乎所有的地址连接了。注意，如果连接中不涉及到action及controller就没有必要使用A

9、ctionLink,而是直接写HTML代码就可以了，例如 1: 一章 2: 删除2.RouteLink2.1与ActionLinkRouteLink与ActionLink相差无几，只是它的地址是由Route生成拿上面的例子 1: 来说，如果用RouteLink来写就是 1: 而带上QueryString以及Html属性的ActionLink 1: 就可以这样来写其实就是用一个新建立的RoutueDictionary的对象（new所实例化的对象将会等价转换为RoutueDictionary）来替原来的Action,Controller字符串的单独指定。2.2RouteLink使用Route规则除

10、了这些协同的用法，RouteLink还支持使用Route规则名来创建连接例如我们在Global.asax文件中添加一个Route规则 1: routes.MapRoute( 2: about,/这是规则名 3: about,/url 4: new controller = Home, action = about 5: );那么我们就可以使用这个Route规则 1: 2: 3: 来生成如下的HTML： 1: 关于 2: 关于 3: 关于 3.表单很多情况下是要生成表单元素的，正如文章开始所述，修改一个内容的情况下，我们可能要将数据与表单绑定。3.1生成Form我们当然可以使用纯的Html代码或

11、UrlHelper来生成一个Form。如但是因为是在HTML的属性中，所以还是难以维护，幸好ASP.NET MVC为我们提供了一个Helper，我们可以通过以下两种方式生成一个Form： 1: 2: 表单内容 3: 4: 5: 表单内容 6: BeginForm方法类似于ActionLink的调用方式，所以ASP.NET MVC还提供了BeginRouteForm这种方法。当然这里我们也可以使用new来为form的action增加querystring或HTML属性，方法与前面介绍的大同小异，参见方法列表即可。 3.2表单元素ASP.NET MVC提供了多种表单元素的Helper。其中包括：T

12、extBox(类似input type=text，下面类似)、TextArea、DropDownList（select）、CheckBoxHidden、ListBox、Password、RadionButton。注意：因为一般情况下是不会绑定数据的所以ASP.NET MVC并未提供此Helper（曾经提供过在preview2之前）。如果我们想提供一个input type=text 它的name为t1则以下代码： 1: 3.3表单元素绑定如果我们想要让上文中的t1初始时就有一个值，比如 “重典”那么我们可以按以下方式 1: 如果数据是从数据库中读取，即得到数据是从Action中获取的，那么我们可

13、以在Action中使用ViewData传递Action: 1: ViewDataname=重典;View： 1: 以上方法看似简单，其实ASP.NET MVC为我们提供了更为简便的绑定方式-只要保证ViewData的Key与Helper所生成元素的name保持一致就可以自动绑定：Action： 1: ViewDatat1=重典;View: 1: 这样就可以自动绑定了3.4列表数据显示与绑定像TextBox这种值单一的数据比较容易，但是存在的数据比较多的DropDownList或ListBox应该怎么绑定数据及初始化值呢，我们来看看下面的例子：Action： 1: ViewDatasel1 =

14、new SelectList( 2: new 1, 2, 3 3: , 3 4: );View： 1: 这样就可以将列表内容、默认值、以及表单元素三者绑定在一起了。而我们的列表内容并不是任何情况下都是数组的，大多情况下还是Key-Value对居多。我们可以使用以下方式： 1: List list = new List 2: 3: new SelectListItem Text = 重典, Value = 1, 4: new SelectListItem Text = 邹健, Value = 2, 5: ; 6: ViewDatasel1 = new SelectList( 7: list 8:

15、 , 2 9: ); HTML扩展类的所有方法都有2个参数：以textbox为例子public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, IDictionary htmlAttributes )public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, Object htmlAttributes )这2个参数代表这个html标签的属性集合。使用方法如下。 1.ActionLink带有QueryString的写法有其它Html属性的写法QueryString与Html属性同时存在 生成结果为：这是一个连接带有QueryString的写法这是一个连接这是一个连接有其它Html属性的写法这是一个连接这是一个连接QueryString与Html属性同时存在这是一个连接这是一个连接 2.RouteLink跟ActionLink在功能上一样。%=Html.RouteLink(关于, ab