詳解ASP.NET MVC 2中強(qiáng)類型HTML輔助方法
ASP.NET MVC 2已經(jīng)發(fā)布,其中有很多新的特性和新的手段。51CTO之前曾報(bào)道過《教你如何使用ASP.NET MVC 2新功能》的文章,其中對(duì)ASP.NET MVC 2的安裝和配置有詳細(xì)的介紹。
#T#
這是我針對(duì)即將發(fā)布的ASP.NET MVC 2所撰寫的貼子系列的***篇,這個(gè)博客貼子將討論 ASP.NET MVC 2中新加的強(qiáng)類型HTML輔助方法。
現(xiàn)有的HTML輔助方法
ASP.NET MVC 1中發(fā)布了一套HTML輔助方法,可以用來在視圖模板中幫助生成HTML界面。例如,要輸出一個(gè)文本框,你可以在你的.aspx視圖模板中使用Html.TextBox()輔助方法編寫下列代碼:
上面輔助方法的***個(gè)參數(shù)提供了文本框的名稱及id,第二個(gè)參數(shù)指定了它該有的值,然后上面的輔助方法會(huì)顯示象下面這樣的HTML到瀏覽器:
新的強(qiáng)類型HTML輔助方法
大家對(duì)ASP.NET MVC 2要求的一個(gè)常用特性是,要我們支持強(qiáng)類型的HTML輔助方法,這樣的輔助方法使用 lambda 表達(dá)式來引用傳到視圖模板中的模型或視圖模型。這可以促成更好的編譯時(shí)視圖檢查(可以在編譯時(shí)發(fā)現(xiàn)缺陷,而不是在運(yùn)行時(shí)),還可以促成視圖模板中更好的代碼intellisense支持。
新的強(qiáng)類型HTML輔助方法現(xiàn)在已經(jīng)內(nèi)置于ASP.NET MVC 2中了,這些方法使用"Html.HelperNameFor()”的命名規(guī)范。例如,Html.TextBoxFor(), Html.CheckBoxFor(), Html.TextAreaFor()等等。它們支持使用lambda表達(dá)式來指定元素的名稱和id,以及要顯示的值。
例如,除了上面的Html.TextBox()輔助方法外,使用ASP.NET MVC 2,我們現(xiàn)在還可以使用新的Html.TextBoxFor()輔助方法:
注意上面,我們不再需要指定 “ProductName” 字符串參數(shù),lambda表達(dá)式是相當(dāng)靈活的,除了值以外,我們還可以獲取我們模型對(duì)象中的屬性/字段的名稱。
因?yàn)檫@些HTML輔助方法是強(qiáng)類型的,編寫lambda表達(dá)式時(shí)我們還可以在Visual Studio中得到完整的intellisense支持:
顯示的HTML跟前面的后期綁定的HTML輔助方法版本的輸出是一樣的:
內(nèi)置于ASP.NET MVC 2中的強(qiáng)類型HTML輔助方法列表
ASP.NET MVC 2對(duì)下列強(qiáng)類型的HTML輔助方法提供內(nèi)置支持:
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()
我會(huì)在本系列的后期貼子中討論ASP.NET MVC 2中改進(jìn)了的“自動(dòng)腳手架(auto-scaffold)"功能時(shí),對(duì)新的Html.EditorFor() 和 Html.DisplayFor()輔助方法做進(jìn)一步介紹。在本系列的下一個(gè)博客貼子中討論ASP.NET MVC 2中改進(jìn)了的驗(yàn)證支持時(shí),我們還將使用Html.ValidationMessageFor()輔助方法。
Scaffolding中的強(qiáng)類型HTML輔助方法
VS 2008 和 VS 2010兩者在用“添加視圖”命令“生成(scaffolding)”新的強(qiáng)類型視圖模板時(shí),現(xiàn)在都會(huì)默認(rèn)使用新的強(qiáng)類型HTML輔助方法。
例如,假設(shè)我們有一個(gè)象下面這樣的簡(jiǎn)單 “ProductsController” 類,有一個(gè)“Edit” action方法,會(huì)為“Product”模型類顯示一個(gè)編輯表單:
我們可以使用Visual Studio在Edit action方法中右擊,選擇“添加視圖”上下文菜單命令來創(chuàng)建一個(gè)視圖模板,我們將選擇創(chuàng)建一個(gè)“Edit”模板,該模板是使用Product對(duì)象來生成的(scaffolded):
在ASP.NET MVC 2中,默認(rèn)生成的視圖模板現(xiàn)在使用了新的強(qiáng)類型HTML輔助方法來引用Product模型對(duì)象:
結(jié)語
包含在ASP.NET MVC 2中的強(qiáng)類型HTML輔助方法提供了一個(gè)很好的方式來在視圖模板中得到更好的類型安全。這促成了對(duì)你的視圖的更好的編譯時(shí)檢查(允許你在編譯時(shí),而不是運(yùn)行時(shí)發(fā)現(xiàn)錯(cuò)誤),還在Visual Studio中編輯視圖模板時(shí)支持更豐富的intellisense。
希望本文對(duì)你有所幫助,