首页 / 网页编程 / ASP.NET / ASP.NET MVC重点教程一周年版 第九回 HtmlHelper

ASP.NET MVC重点教程一周年版 第九回 HtmlHelper2011-07-09 博客园 重典许多时候我们会遇到如下场景

在写一个编辑数据的页面时，我们通常会写如下代码

1: <input type="text" value="<%=ViewData ["title"] %>" name="title" />

由前篇我们 所讲的Helper演化，我们思考，对于这种代码我们是不是也可以用一个Helper来自动绑定数据呢

这当然是可以的，ASP.NET MVC提供了一个HtmlHelper用于生成有数据绑定的Html标签。

1.ActionLink

其中最常用的就是Html.ActionLink

1.1基本的使用方式

1: <%=Html.ActionLink（"这是一个连接", "Index", "Home"）%>

在UrlRouting规则为默认规则的情况下，它生成的HTML代 码为

1: <a href="/">这是一个连接 </a>

ActionLink中的三个参数分别为

显示的文字

Action

Controller

其中Controller可以省略，省略时指向同一Controller 下的Action。

1.2ActionLink中QueryString与Html属性设置

1: 带有 QueryString的写法
2: <%=Html.ActionLink（"这是一个连接", "Index", "Home", new { page=1 },null）%>
3: <% =Html.ActionLink（"这是一个连接", "Index", new { page=1 }）% >
4: 有其它Html属性的写法
5: <%=Html.ActionLink（"这是一个连接 ", "Index", "Home", new { id="link1" }）% >
6: <%=Html.ActionLink（"这是一个连接", "Index",null, new { id="link1" }）%>
7: QueryString与Html属性同时存在
8: <%=Html.ActionLink（"这是一个连接", "Index", "Home", new { page = 1 }, new { id = "link1" }）% >
9: <%=Html.ActionLink（"这是一个连接", "Index" , new { page = 1 }, new { id = "link1" }）%>

其生成 结果为：

1: 带有QueryString的写法
2: <a href="/？ page=1">这是一个连接</a>
3: <a href="/？page=1">这 是一个连接</a>
4: 有其它Html属性的写法
5: <a href="/？ Length=4" id="link1">这是一个连接</a>
6: <a href="/" id="link1">这是一个连接</a>
7: QueryString与Html属性同时存在
8: <a href="/？page=1" id="link1">这是一个连接</a>
9: <a href="/？ page=1" id="link1">这是一个连接</a>