ASP.NET MVC重點教程一周年版 第九回 HtmlHelper

許多時候我們會遇到如下場景

在寫一個編輯數據的頁面時，我們通常會寫如下代碼

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>