ASP.NET MVC 2博客系列之一:強類型HTML輔助方法

作者: scottgu  來源: 博客堂  發布時間: 2010-01-19 23:02  閱讀: 5863 次  推薦: 1   原文鏈接   [收藏]  

這是我針對即將發布的ASP.NET MVC 2所撰寫的貼子系列的第一篇,這個博客貼子將討論 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 MVC2中改進了的“自動腳手架(auto-scaffold)"功能時,對新的Html.EditorFor() 和Html.DisplayFor()輔助方法做進一步介紹。在本系列的下一個博客貼子中討論ASP.NET MVC2中改進了的驗證支持時,我們還將使用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 MVC2中的強類型HTML輔助方法提供了一個很好的方式來在視圖模板中得到更好的類型安全。這促成了對你的視圖的更好的編譯時檢查(允許你在編譯時,而不是運行時發現錯誤),還在Visual Studio中編輯視圖模板時支持更豐富的intellisense。

希望本文對你有所幫助,

Scott

1
0
 
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()