ASP.NET MVC 2部落格系列之一:強型別HTML輔助方法

  • 24263
  • 0
  • 2011-07-02

摘要:ASP.NET MVC 2部落格系列之一:強型別HTML輔助方法

【原文位址】ASP.NET MVC 2: Strongly Typed Html Helpers
【原文發表日期】 Sunday, January 10, 2010 8:57 PM

除了寫部落格外,我現在還使用Twitter發短貼和共享連結。請通過twitter.com/scottgu跟隨我。

這是我針對即將發佈的ASP.NET MVC 2所撰寫的文章系列的第一篇,這個部落格文章將討論 ASP.NET MVC 2中新加的強型別HTML輔助方法。

現有的HTML輔助方法

ASP.NET MVC 1中發佈了一套HTML輔助方法,可以用來在檢視模板中幫助生成HTML介面。例如,要輸出一個文字框,你可以在你的.aspx檢視模板中使用Html.TextBox()輔助方法編寫下列程式碼:

image

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

image

新的強型別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()輔助方法:

image

注意上面,我們不再需要指定 「ProductName」 字串參數,lambda運算式是相當靈活的,除了值以外,我們還可以獲取我們模型物件中的屬性/欄位的名稱。

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

image

顯示的HTML跟前面的後期繫結的HTML輔助方法版本的輸出是一樣的:

image

內建於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」模型類別顯示一個編輯表單:

image

我們可以使用Visual Studio在Edit action方法中右擊,選擇「添加檢視」上下文選單命令來建立一個檢視模板,我們將選擇建立一個「Edit」模板,該模板是使用Product物件來生成的(scaffolded):

image

在ASP.NET MVC 2中,預設生成的檢視模板現在使用了新的強型別HTML輔助方法來引用Product模型物件:

image

結語

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

希望本文對你有所幫助,

Scott