ASP.NET預(yù)定義模板介紹

一、 實(shí)例演示：通過(guò)模板將布爾值顯示為RadioButton

在默認(rèn)的情況下，不論是對(duì)于編輯模式還是顯示模式，一個(gè)布爾類型的屬性值總是以一個(gè)CheckBox的形式呈現(xiàn)出來(lái)。我們創(chuàng)建如下一個(gè)表示員工的類型Employee，它具有一個(gè)布爾類型的屬性IsPartTime表示該員工是否為兼職。

public class Employee 
 { 
 [DisplayName("姓名")] 
 public string Name { get; set; } 
 [DisplayName("部門")] 
 public string Department { get; set; } 
 [DisplayName("是否兼職")] 
 public bool IsPartTime { get; set; } 
} 

如果我們直接調(diào)用HtmlHelperTModel>的EditorForModel方法將一個(gè)Employee對(duì)象顯示在某個(gè)將Employee類型作為Model的強(qiáng)類型View中，下圖體現(xiàn)了默認(rèn)的呈現(xiàn)效果。我們可以看到表示是否為兼職的IsPartTime屬性對(duì)應(yīng)著一個(gè)CheckBox。

現(xiàn)在我們希望的是將所有布爾類型對(duì)象顯示為兩個(gè)RadioButton，具體的顯示效果如下圖所示。那么我們就可以通過(guò)創(chuàng)建一個(gè)Model類型為Boolean的View來(lái)創(chuàng)建一個(gè)模板，使之改變所有布爾類型對(duì)象的默認(rèn)呈現(xiàn)效果。

由于我們需要改變的是布爾類型對(duì)象在編輯模式下的呈現(xiàn)形式，所以我們需要將作為模板的分布View定義在EditorTemplates目錄下，這個(gè)目錄可以存在于Views/ Shared下，也可以存在于Views/{ControllerName}下。由于ASP.NET MVC是采用數(shù)據(jù)類型作為匹配條件來(lái)尋找對(duì)應(yīng)的模板的，所以我們需要將分部模板View命名為Boolean。下面的代碼片斷體現(xiàn)了這個(gè)分部試圖的整個(gè)定義，我們通過(guò)調(diào)用HtmlHelper的RadioButton方法將兩個(gè)布爾值（True/False）映射為對(duì)應(yīng)的RadioButton，并且采用table>來(lái)布局。

 @model bool 
table> 
 tr> 
 td>@Html.RadioButton("",true,Model)是/td> 
 td>@Html.RadioButton("",false,!Model)否/td> 
 /tr> 
/table> 

值得一提的是，我們沒有指定RadioButton的名稱，而是指定一個(gè)空字符串，Html本身會(huì)對(duì)其進(jìn)行命名，而命名的依據(jù)就是本章介紹的核心：Model元數(shù)據(jù)。Employee的IspartTime屬性呈現(xiàn)在界面上對(duì)應(yīng)的HTML如下所示，我們可以看到兩個(gè)類型為radio的input>元素的name被自動(dòng)賦上了對(duì)應(yīng)的屬性名稱。美中不足的是它們具有相同的ID，如果希望讓ID具有唯一性，可以對(duì)模板進(jìn)行更加細(xì)致的定制。

div class="editor-label">label for="IsPartTime">是否兼職/label>/div> 
div class="editor-field"> 
 table> 
 tr> 
 td>input checked="checked" id="IsPartTime" name="IsPartTime" type="radio" value="True" .../>是/td> 
 td>input id="IsPartTime" name="IsPartTime" type="radio" value="False" />否/td> 
 /tr> 
 /table> 
/div> 

二、預(yù)定義模板

上面我們介紹如何通過(guò)View的方式創(chuàng)建模板進(jìn)而控制某種數(shù)據(jù)類型或者某個(gè)目標(biāo)元素最終在UI界面上的HTML呈現(xiàn)方式，實(shí)際上在ASP.NET MVC的內(nèi)部還定義了一系列的預(yù)定義模板。當(dāng)我們調(diào)用HtmlHelper/HtmlHelperTModel>的模板方法對(duì)Model或者M(jìn)odel的某個(gè)成員進(jìn)行呈現(xiàn)的時(shí)候，系統(tǒng)會(huì)根據(jù)當(dāng)前的呈現(xiàn)模式（顯示模式和編輯模式）和Model元數(shù)據(jù)獲取一個(gè)具體的模板（自定義模版或者預(yù)定義模版）。由于Model具有顯示和編輯兩種呈現(xiàn)模式，所以定義在ASP.NET MVC內(nèi)部的默認(rèn)模版分為這兩種基本的類型。接下來(lái)我們就逐個(gè)介紹這些預(yù)定義模版以及最終的HTML呈現(xiàn)方式。

EmailAddress
該模板專門針對(duì)用于表示Email地址的字符串類型的數(shù)據(jù)成員，它將目標(biāo)元素呈現(xiàn)為一個(gè)href屬性具有“mailto:”前綴的鏈接（a>/a>）。由于該模板僅僅用于Email地址的顯示，所以只在顯示模式下有效，或者說(shuō)ASP.NET MVC僅僅定義了基于顯示模式的EmailAddress模板。為了演示數(shù)據(jù)在不同模板下的呈現(xiàn)方式，我們定義了如下一個(gè)簡(jiǎn)單的數(shù)據(jù)類型Model，我們通過(guò)在屬性Foo上應(yīng)用UIHintAttribute特性將模板名稱設(shè)置為“EmailAddress”。

public class Model 
{ 
 [UIHint("EmailAddress")] 
 public string Foo { get; set; } 
} 

然后在一個(gè)基于Model類型的強(qiáng)類型View中，我們通過(guò)調(diào)用HtmlHelperTModel>的DisplayFor方法將一個(gè)具體的Model對(duì)象的Foo屬性以顯示模式呈現(xiàn)出來(lái)。

@model Model 
@Html.DisplayFor(m=>m.Foo) 

如下的代碼片斷表示Model的Foo屬性對(duì)應(yīng)的HTML，我們可以看到它就是一個(gè)針對(duì)Email地址的連接。當(dāng)我們點(diǎn)擊該鏈接的時(shí)候，相應(yīng)的Email編輯軟件（比如Outlook）會(huì)被開啟用于針對(duì)目標(biāo)Email地址的郵件編輯。

a href="mailto:foo@gmail.com">foo@gmail.com/a> 

HiddenInput
關(guān)于默認(rèn)模板HiddenInput我們不應(yīng)該感到模式，前面介紹的HiddenInputAttribute特性就是將表示Model元數(shù)據(jù)的ModelMetadata對(duì)象的TemplateHint屬性設(shè)置為HiddenInput。如果目標(biāo)元素采用HiddenInput模板，在顯示模式下內(nèi)容會(huì)以文本的形式顯示；編輯模式下不僅會(huì)以文本的方式顯示其內(nèi)容，還會(huì)生成一個(gè)對(duì)應(yīng)的type屬性為“hidden”的input>元素。如果表示Model元數(shù)據(jù)的ModelMetadata對(duì)象的HideSurroundingHtml屬性為True（將應(yīng)用在目標(biāo)元素上的特性HiddenInputAttribute的DisplayValue屬性設(shè)置為False），不論是顯示模式還是編輯模式下顯示的文本都將消失。

同樣以上面定義的數(shù)據(jù)類型Model為例，我們通過(guò)在Foo屬性上應(yīng)用UIHintAttribute特性將模板名稱設(shè)置為“HiddenInput”。

public class Model 
{ 
 [UIHint("HiddenInput")] 
 public string Foo { get; set; } 
 public bool Bar { get; set; } 
 public decimal Baz { get; set; } 
} 

然后在一個(gè)基于Model類型的強(qiáng)類型View中分別調(diào)用HtmlHelperTModel>的DisplayFor和EditFor方法將一個(gè)具體的Model對(duì)象的Foo屬性以顯示和編輯模式呈現(xiàn)出來(lái)。

@model Model 
@Html.DisplayFor(m=>m.Foo) 
@Html.EditorFor(m=>m.Foo) 

分別以兩種模式呈現(xiàn)出來(lái)的Foo屬性對(duì)應(yīng)的HTML如下（包含在花括號(hào)中的GUID表示屬性值）。第一行是針對(duì)顯示模式的，可以看出最終呈現(xiàn)出來(lái)僅限于表示屬性值得文本；而編輯模式對(duì)應(yīng)的HTML中不僅包含屬性值文本，還具有一個(gè)對(duì)應(yīng)的類型為“hidden”的input>元素。

{42A1E9B7-2AED-4C8E-AB55-78813FC8C233} 
{42A1E9B7-2AED-4C8E-AB55-78813FC8C233}input id="Foo" name="Foo" type="hidden" value="{42A1E9B7-2AED-4C8E-AB55-78813FC8C233}" /> 

現(xiàn)在我們對(duì)數(shù)據(jù)類型Model做一下簡(jiǎn)單修改，將應(yīng)用在屬性Foo上的UIHintAttribute特性替換成HiddenInputAttribute特性，并將其DisplayValue屬性設(shè)置成False。

public class Model 
{ 
 [HiddenInput(DisplayValue = false)] 
 public string Foo { get; set; } 
 public bool Bar { get; set; } 
 public decimal Baz { get; set; } 
} 

由于應(yīng)用在目標(biāo)元素上的HiddenInputAttribute特新的DisplayValue屬性會(huì)最終控制對(duì)應(yīng)ModelMetadata的HideSurroundingHtml屬性，而后者控制是否需要生成用于顯示目標(biāo)內(nèi)容的HTML。所以針對(duì)針對(duì)的Model定義，最終會(huì)生成如下一段HTML。

input id="Foo" name="Foo" type="hidden" value="{42A1E9B7-2AED-4C8E-AB55-78813FC8C233}" /> 

Html

如果目標(biāo)對(duì)象的內(nèi)容包含一些HTML，并需要在UI界面中原樣呈現(xiàn)出來(lái)，我們可以采用Html模板。和EmailAddress模板一樣，該模板僅限于顯示模式。為了演示Html模板對(duì)目標(biāo)內(nèi)容的呈現(xiàn)方法與默認(rèn)呈現(xiàn)方式之間的差異，我們定義了如下一個(gè)數(shù)據(jù)類型Model。該數(shù)據(jù)類型具有兩個(gè)字符串類型的屬性Foo和Bar，其中Foo上面應(yīng)用UIHintAttribute特性將模板名稱設(shè)置為“Html”。

public class Model 
{ 
 [UIHint("Html")] 
 public string Foo { get; set; } 
 public string Bar { get; set; } 
}

現(xiàn)在我們創(chuàng)建一個(gè)具體的Model對(duì)象，并將Foo和Bar設(shè)置為一段表示鏈接的文本（a href="www.google.com">google.com/a>），最終在一個(gè)基于Model類型的強(qiáng)類型View中通過(guò)調(diào)用HtmlHelperTModel>的DisplayFor方法將這兩個(gè)屬性以顯示模式呈現(xiàn)出來(lái)。

@model Model 
@Html.DisplayFor(m=>m.Foo) 
@Html.DisplayFor(m => m.Bar) 

從如下所示的表示Foo和Bar兩屬性的HTML中我們不難看出：采用Html模板的Foo屬性的內(nèi)容原樣輸出，而包含在屬性Bar中的HTML都進(jìn)行了相應(yīng)的編碼。

a href="www.google.com">google.com/a> lt;a href=quot;www.google.comquot;gt;google.comlt;/agt; 

Text與String

不論是在顯示模式還是編輯模式，Text和String模板具有相同的HTML呈現(xiàn)方式（實(shí)際上在ASP.NET MVC內(nèi)部，兩種模版最終生成的HTML是通過(guò)相同的方法產(chǎn)生的）。對(duì)于這兩種模版來(lái)說(shuō)，目標(biāo)內(nèi)容在顯示模式下直接以文本的形式輸出；而在編輯模式下則對(duì)應(yīng)著一個(gè)單行的文本框。

為了演示兩種模版的同一性，我們對(duì)上面定義數(shù)據(jù)類型Model略作修改，在屬性Foo和Bar上應(yīng)用UIHintAttribute特性并將模版名稱分別設(shè)置為String和Text。

public class Model 
{ 
 [UIHint("String")] 
 public string Foo { get; set; } 
 [UIHint("Text")] 
 public string Bar { get; set; } 
} 

然后我們創(chuàng)建一個(gè)具體的Model對(duì)象，并在一個(gè)基于該Model類型的強(qiáng)類型View中通過(guò)調(diào)用HtmlHelperTModel>的DisplayFor和EditorFor將兩個(gè)屬性分別以顯示和編輯模式呈現(xiàn)出來(lái)。

@model Model 
@Html.DisplayFor(m=>m.Foo) 
@Html.DisplayFor(m => m.Bar) 
@Html.EditorFor(m=>m.Foo) 
@Html.EditorFor(m => m.Bar) 

如下所示的代碼片斷體現(xiàn)了上述四個(gè)元素對(duì)應(yīng)的HTML（“Dummy text …”是Foo和Bar的屬性值），可以看到采用了Text和String模板的兩個(gè)屬性在顯示和編輯模式下具有相同的呈現(xiàn)方式。編輯模式下輸出的類型為“text”的input>元素表示CSS特性類型的class屬性被設(shè)置為“text-box single-line”，意味著這是一個(gè)基于單行的文本框。

Dummy text ... 
Dummy text ... 
input class="text-box single-line" id="Foo" name="Foo" type="text" value="Dummy text ..." /> 
input class="text-box single-line" id="Bar" name="Bar" type="text" value="Dummy text ..." /> 

值得一提的是，ASP.NET MVC內(nèi)部采用基于類型的模板匹配機(jī)制，對(duì)于字符串類型的數(shù)據(jù)成員，如果沒有顯式設(shè)置采用的模板名稱，默認(rèn)情況下會(huì)采用String模板。

Url

與EmailAddress和Html一樣，模板Url也僅限于顯示模式。對(duì)于某個(gè)表示為Url的字符串，如果我們希望它最終以一個(gè)連接的方式呈現(xiàn)在最終生成的HTML中，我們采用該模板。如下面的代碼片斷所示，我們通過(guò)應(yīng)用UIHintAttribute特性將模板Url應(yīng)用到屬性Foo中。

public class Model 
{ 
 [UIHint("Url")] 
 public string Foo { get; set; } 
} 

我們創(chuàng)建一個(gè)具體的Model對(duì)象，并將Foo屬性設(shè)置為一個(gè)表示Url的字符串“http://www.asp.net”，最后通過(guò)如下的方式將該屬性以顯示模式呈現(xiàn)出來(lái)。

@model Model 
@Html.DisplayFor(m=>m.Foo) 

如下面的代碼片斷所示，該屬性最終呈現(xiàn)為一個(gè)href屬性和文本內(nèi)容均屬性值得連接（a>/a>）。

a >http://www.asp.net/a> 

 
MultilineText
一般的字符串在編輯模式下會(huì)呈現(xiàn)為一個(gè)單行的文本框（類型為“text”的input>元素），而MultilineText模板會(huì)將表示目標(biāo)內(nèi)容的字符串通過(guò)一個(gè)textarea>元素，該模板僅限于編輯模式。如下面的的代碼片斷所示，我們通過(guò)在字符串類型的Foo屬性上應(yīng)用UIHintAttribute特性將應(yīng)用的模板設(shè)置為MultilineText。

public class Model 
{ 
 [UIHint("MultilineText")] 
 public string Foo { get; set; } 
} 

現(xiàn)在我們創(chuàng)建一個(gè)具體的Model對(duì)象并通過(guò)如下的形式將Foo屬性以編輯模式呈現(xiàn)在某個(gè)基于Model類型的強(qiáng)類型View中。

@model Model 
@Html.EditorFor(m=>m.Foo) 

如下所示的代碼片斷表示Model的Foo屬性呈現(xiàn)在UI界面中的HTML（“dummy text …”是是Foo的屬性值），我們可以看到這是一個(gè) textarea >元素。表示CSS樣式類型的class屬性被設(shè)置為“text-box multi-line”，意味著它是以多行的效果呈現(xiàn)。

textarea class="text-box multi-line" id="Foo" name="Foo">dummy text .../textarea> 

Password

對(duì)于表示密碼字符串來(lái)說(shuō)，在編輯模式下應(yīng)該呈現(xiàn)為一個(gè)類型為“password”的input>元素，使我們輸入的內(nèi)容以掩碼的形式顯示出來(lái)以保護(hù)密碼的安全性。在這種情況下我們可以采用Password模板，該模板和MultilineText一樣也僅限于編輯模式。如下面的代碼片斷所示，我們?cè)贛odel的Foo屬性上應(yīng)用UIHintAttribute特性將模式名稱設(shè)置為“Password”。

public class Model 
{ 
 [UIHint("Password")] 
 public string Foo { get; set; } 
} 

我們創(chuàng)建一個(gè)具體的Model對(duì)象，并通過(guò)如下的形式將Foo屬性以編輯模式呈現(xiàn)在某個(gè)基于Model的強(qiáng)類型View中。

@model Model 
@Html.EditorFor(m=>m.Foo) 

該Foo屬性最終會(huì)以如下的形式通過(guò)一個(gè)類型為“Password”的input>元素呈現(xiàn)出來(lái)，表示CSS樣式類型的class屬性被設(shè)置為“text-box single-line password”，意味著呈現(xiàn)效果為一個(gè)單行的文本框。

input class="text-box single-line password" id="Foo" name="Foo" type="password" value="" /> 

Decimal

如果采用Decimal模板，代表目標(biāo)元素的數(shù)字不論其小數(shù)位數(shù)是多少，都會(huì)最終被格式化為兩位小數(shù)。在顯示模式下，被格式化的數(shù)字直接以文本的形式呈現(xiàn)出來(lái)；在編輯模式下則對(duì)應(yīng)著一個(gè)單行的文本框架。如下面的代碼片斷所示，我們?cè)跀?shù)據(jù)類型Model中定義了兩個(gè)對(duì)象類型屬性Foo和Bar，上面應(yīng)用了UIHintAttribute特性并將模板名稱指定為“Decimal”。

public class Model 
{ 
 [UIHint("Decimal")] 
 public object Foo { get; set; } 
 [UIHint("Decimal")] 
 public object Bar { get; set; } 
} 

我們創(chuàng)建一個(gè)具體的Model對(duì)象，將它的Foo和屬性分別設(shè)置為整數(shù)123和浮點(diǎn)數(shù)3.1415（4位小數(shù)），最終通過(guò)如下的形式將它們以顯示和編輯的模式呈現(xiàn)在一個(gè)基于Model類型的強(qiáng)類型View中。

@model Model 
@Html.DisplayFor(m=>m.Foo) 
@Html.DisplayFor(m=>m.Bar) 
@Html.EditorFor(m=>m.Foo) 
@Html.EditorFor(m =>m.Bar) 

上述四個(gè)元素在最終呈現(xiàn)的UI界面中對(duì)應(yīng)著如下的HTML，我們可以看到最終顯示的都是具有兩位小數(shù)的數(shù)字。

123.00 
3.14 
input class="text-box single-line" id="Foo" name="Foo" type="text" value="123.00" /> 
input class="text-box single-line" id="Bar" name="Bar" type="text" value="3.14" /> 

Boolean

通過(guò)本章最開始的實(shí)例演示我們知道一個(gè)布爾類型的對(duì)象在編輯模式下會(huì)以一個(gè)類型為“checkbox”的input>元素的形式呈現(xiàn)，實(shí)際上在顯示模式下它依然對(duì)應(yīng)著這么一個(gè)元素，只是其disabled屬性會(huì)被設(shè)置為True使之處于只讀狀態(tài)。布爾類型的這種默認(rèn)呈現(xiàn)方式源自“Boolean”模板默認(rèn)被使用。

當(dāng)布爾類的目標(biāo)元素以編輯模式進(jìn)行呈現(xiàn)的時(shí)候，除了生成一個(gè)一個(gè)類型為“checkbox”的input>元素之外還會(huì)附加產(chǎn)生一個(gè)類型為“hidden”的input>元素。如下面的代碼片斷所示，這個(gè)hidden元素具有與CheckBox相同的名稱，但是值為False，它存在的目的在于當(dāng)CheckBox沒有被勾選的情況下通過(guò)對(duì)應(yīng)的hidden元素向服務(wù)區(qū)提交相應(yīng)的值（False），因?yàn)闆]有被勾選的CheckBox的值是不會(huì)包含在請(qǐng)求中的。

input id="Foo" name="Foo" type="checkbox" value="true" /> 
input name="Foo" type="hidden" value="false" /> 

Boolean和String、Decimal以及后面我們介紹的Object一樣屬于是基于CLR類型的模板。由于ASP.NET在內(nèi)部采用基于類型的模板匹配策略，如果沒有顯示設(shè)置采用的模板類型，相應(yīng)類型的元素會(huì)默認(rèn)采用與之匹配的模板。

Collection

顧名思義，Collection模板用于集合類型的目標(biāo)元素的顯示與編輯。對(duì)應(yīng)采用該模板的類型為集合（實(shí)現(xiàn)了IEnumerable接口）的目標(biāo)元素，在調(diào)用HtmlHelper或者HtmlHelperTModel>以顯示或者編輯模式對(duì)其進(jìn)行呈現(xiàn)的時(shí)候，會(huì)遍歷其中的每個(gè)元素，并根據(jù)基于集合元素的Model元數(shù)據(jù)決定對(duì)其的呈現(xiàn)方法。同樣一我們定義的數(shù)據(jù)類型Model為例，我們按照如下的方式將它的Foo屬性類型改為對(duì)象數(shù)組，上面應(yīng)用了UIHintAttribute特性并將模板名稱 設(shè)置為“Collection”。

public class Model 
{ 
 [UIHint("Collection")] 
 public object[] Foo { get; set; } 
} 

然后按照下面的方式創(chuàng)建一個(gè)包含三個(gè)對(duì)象的數(shù)組，作為數(shù)據(jù)元素的三個(gè)對(duì)象類型為別是數(shù)字、字符串和布爾，然后將該數(shù)組作為Foo屬性創(chuàng)建一個(gè)具體的Model對(duì)象。

object[] foo = new object[] 
{ 
 123.00, 
 "dummy text ...", 
 true 
}; 
Model model = new Model { Foo = foo }; 

在一個(gè)基于Model類型的強(qiáng)類型View中，我們分別調(diào)用HtmlHelperTModel>的DisplayFor和EditorFor方法將上面創(chuàng)建的Model對(duì)象的Foo屬性以顯示和編輯模式呈現(xiàn)出來(lái)。

@model Model 
@Html.DisplayFor(m=>m.Foo) 
@Html.EditorFor(m=>m.Foo) 

Model對(duì)象的Foo屬性最終呈現(xiàn)出來(lái)的HTML如下所示，我們可以看到不論是顯示模式還是編輯模式，基本上就是對(duì)集合元素呈現(xiàn)的HTML的組合而已。

123dummy text ...input checked="checked" class="check-box" disabled="disabled" type="checkbox" /> 
input class="text-box single-line" data-val="true" data-val-number="The field Double must be a number." data-val-required="The Double field is required." id="Foo_0_" name="Foo[0]" type="text" value="123" /> 
input class="text-box single-line" id="Foo_1_" name="Foo[1]" type="text" value="dummy text ..." /> 
input checked="checked" class="check-box" data-val="true" data-val-required="The Boolean field is required." id="Foo_2_" name="Foo[2]" type="checkbox" value="true" /> 
input name="Foo[2]" type="hidden" value="false" /> 
Object

我們說(shuō)過(guò)，ASP.NET 內(nèi)部采用基于類型的模板匹配策略，如果通過(guò)ModelMetadata對(duì)象表示的Model元數(shù)據(jù)不能找到一個(gè)具體的模板，最終都會(huì)落到Object模板上。Object模板對(duì)目標(biāo)對(duì)象的呈現(xiàn)方式很簡(jiǎn)單，它通過(guò)ModelMetadata的Proeprties屬性得到所有基于屬性的Model元數(shù)據(jù)。針對(duì)每個(gè)表示屬性Model元數(shù)據(jù)的ModelMetadata，它會(huì)根據(jù)DisplayName或者屬性名稱生成一個(gè)標(biāo)簽（實(shí)際上是一個(gè)內(nèi)部文本為顯示名稱的div>元素），然后根據(jù)元數(shù)據(jù)將屬性值以顯示或者編輯的模式呈現(xiàn)出來(lái)。

 public class Address 
 { 
 [DisplayName("省")] 
 public string Province { get; set; } 
 [DisplayName("市")] 
 public string City { get; set; } 
 [DisplayName("區(qū)")] 
 public string District { get; set; } 
 [DisplayName("街道")] 
 public string Street { get; set; } 
} 

針對(duì)上面定義得這個(gè)表示地址的Address?，F(xiàn)在我們創(chuàng)建一個(gè)具體的Address對(duì)象并通過(guò)如下的方式調(diào)用HtmlHelperTModel>的DisplayForModel方法將它呈現(xiàn)在以此作為Model的View中。

@model Address 
@Html.DisplayForModel() 

從如下所示的HTML中我們可以看出作為Model的Address對(duì)象的所有屬性都以顯示模式呈現(xiàn)出來(lái)，而在前面還具有相應(yīng)的標(biāo)簽。

div class="display-label">省/div> 
div class="display-field">江蘇省/div> 
div class="display-label">市/div> 
div class="display-field">蘇州市/div> 
div class="display-label">區(qū)/div> 
div class="display-field">工業(yè)園區(qū)/div> 
div class="display-label">街道/div> 
div class="display-field">星湖街328號(hào)/div> 

值得一提的是，Object模板在對(duì)屬性進(jìn)行遍歷的過(guò)程中，不論是顯示模式還是編輯模式，只會(huì)處理非復(fù)雜類型。也就是如果屬性成員是一個(gè)復(fù)雜類型（不能支持從字符串類型的轉(zhuǎn)換），它不會(huì)出現(xiàn)在最終生成的HTML中。

 public class Contact 
 { 
 [DisplayName("姓名")] 
 public string Name { get; set; } 
 [DisplayName("電話")] 
 public string PhoneNo { get; set; } 
 [DisplayName("Email地址")] 
 public string EmailAddress { get; set; } 
 [DisplayName("聯(lián)系地址")] 
 public Address Address { get; set; } 
} 

通過(guò)上面的代碼片斷，我們定義了一個(gè)表示聯(lián)系人的數(shù)據(jù)類型Contact，它具有一個(gè)類型的Address的同名屬性。現(xiàn)在我們創(chuàng)建一個(gè)具體的Contact對(duì)象，并 對(duì)包括Address 屬性在內(nèi)的所有屬性進(jìn)行初始化，然后通過(guò)如下的方式通過(guò)調(diào)用HtmlHelperTModel>的DisplayForModel方法將它呈現(xiàn)在以此作為Model的View中。

@model Contact 
@Html.DisplayForModel() 

從如下所示的HTML可以看出，Contact的數(shù)據(jù)成員Address由于是復(fù)雜類型，其內(nèi)容并不會(huì)呈現(xiàn)出來(lái)。

div class="display-label">姓名/div> 
div class="display-field">張三/div> 
div class="display-label">電話/div> 
div class="display-field">1234567890/div> 
div class="display-label">Email地址/div> 
div class="display-field">zhangsan@gmail.com/div> 

我們可以有兩種方式解決這個(gè)問(wèn)題，其實(shí)就是通過(guò)為Address類型定義各類專門的模板用于地址信息的顯示和編輯，通過(guò)UIHintAttribute特性將此模板名稱應(yīng)用到Contact的Address屬性上，然后調(diào)用DisplayFor/EditorFor將該屬性呈現(xiàn)出來(lái)。另一種就是按照類似如如下的方式手工將負(fù)責(zé)類型屬性成員呈現(xiàn)出來(lái)。

@model Contact 
@Html.DisplayForModel() 
div class="display-label">@Html.DisplayName("Address")/div> 
div class="display-field">@(Model.Address.Province + Model.Address.City + Model.Address.District+ Model.Address.Street)/div>

以上就是關(guān)于ASP.NET預(yù)定義模板介紹，希望對(duì)大家的學(xué)習(xí)有所幫助。