ASP.NET MVC 2強型別HTML輔助方法

現有的HTML輔助方法

ASP.NET MVC 1中發布了一套HTML輔助方法，可以用來在視圖模板中協助產生HTML介面。例如，要輸出一個文字框，你可以在你的.aspx視圖模板中使用Html.TextBox()輔助方法編寫下列代碼：

上面輔助方法的第一個參數提供了文字框的名稱及id，第二個參數指定了它該有的值，然後上面的輔助方法會顯示象下面這樣的HTML到瀏覽器：

新的強型別HTML輔助方法

大家對ASP.NET MVC 2要求的一個常用特性是，要我們支援強型別的HTML輔助方法，這樣的輔助方法使用 lambda 運算式來引用傳到視圖模板中的模型或視圖模型。這可以促成更好的編譯時間視圖檢查（可以在編譯時間發現缺陷，而不是在運行時），還可以促成視圖模板中更好的代碼intellisense支援。

新的強型別HTML輔助方法現在已經內建於ASP.NET MVC 2中了，這些方法使用"Html.HelperNameFor()”的命名規範。例如，Html.TextBoxFor(), Html.CheckBoxFor(), Html.TextAreaFor()等等。它們支援使用lambda運算式來指定元素的名稱和id，以及要顯示的值。

例如，除了上面的Html.TextBox()輔助方法外，使用ASP.NET MVC 2，我們現在還可以使用新的Html.TextBoxFor()輔助方法：

注意上面，我們不再需要指定 “ProductName” 字串參數，lambda運算式是相當靈活的，除了值以外，我們還可以擷取我們模型對象中的屬性/欄位的名稱。

因為這些HTML輔助方法是強型別的，編寫lambda運算式時我們還可以在Visual Studio中得到完整的intellisense支援：

顯示的HTML跟前面的後期綁定的HTML輔助方法版本的輸出是一樣的：

內建於ASP.NET MVC 2中的強型別HTML輔助方法列表

ASP.NET MVC 2對下列強型別的HTML輔助方法提供內建支援：

HTML元素輔助方法:

• Html.TextBoxFor()
• Html.TextAreaFor()
• Html.DropDownListFor()
• Html.CheckboxFor()
• Html.RadioButtonFor()
• Html.ListBoxFor()
• Html.PasswordFor()
• Html.HiddenFor()
• Html.LabelFor()

其他輔助方法:

• Html.EditorFor()
• Html.DisplayFor()
• Html.DisplayTextFor()
• Html.ValidationMessageFor()

我會在本系列的後期貼子中討論ASP.NET MVC 2中改進了的“自動腳手架（auto-scaffold）"功能時，對新的Html.EditorFor() 和 Html.DisplayFor()輔助方法做進一步介紹。在本系列的下一個部落格貼子中討論ASP.NET MVC 2中改進了的驗證支援時，我們還將使用Html.ValidationMessageFor()輔助方法。

Scaffolding中的強型別HTML輔助方法

VS 2008 和 VS 2010兩者在用“添加視圖”命令“產生（scaffolding）”新的強型別視圖模板時，現在都會預設使用新的強型別HTML輔助方法。

例如，假設我們有一個象下面這樣的簡單 “ProductsController” 類，有一個“Edit” action方法，會為“Product”模型類顯示一個編輯表單：

我們可以使用Visual Studio在Edit action方法中右擊，選擇“添加視圖”操作功能表命令來建立一個視圖模板，我們將選擇建立一個“Edit”模板，該模板是使用Product對象來產生的(scaffolded)：

在ASP.NET MVC 2中，預設產生的視圖模板現在使用了新的強型別HTML輔助方法來引用Product模型對象：

結語

包含在ASP.NET MVC 2中的強型別HTML輔助方法提供了一個很好的方式來在視圖模板中得到更好的型別安全。這促成了對你的視圖的更好的編譯時間檢查（允許你在編譯時間，而不是運行時發現錯誤），還在Visual Studio中編輯檢視模板時支援更豐富的intellisense。