第2章服務(wù)器控件

1、2.1 服務(wù)器控件概述服務(wù)器控件概述2.2 HTML服務(wù)器控件服務(wù)器控件2.3 Web服務(wù)器控件服務(wù)器控件2.4服務(wù)器常用控件服務(wù)器常用控件2.5 Web服務(wù)器列表類控件服務(wù)器列表類控件2.6高級(jí)控件高級(jí)控件2.7 典型案例及分析典型案例及分析2.8 項(xiàng)目實(shí)訓(xùn)項(xiàng)目實(shí)訓(xùn)第第2章章 服務(wù)器控件服務(wù)器控件2.1 服務(wù)器控件概述服務(wù)器控件概述 服務(wù)器控件是指在服務(wù)器上執(zhí)行程序邏輯的組件，常常具有一定的用戶界面。服務(wù)器控件包含在ASP.NET頁(yè)面中，當(dāng)運(yùn)行頁(yè)面時(shí)，用戶與控件發(fā)生交互行為，當(dāng)頁(yè)面被提交時(shí)，控件可在服務(wù)器端引發(fā)事件，在服務(wù)器端，則會(huì)根據(jù)相關(guān)事件處理程序來進(jìn)行事件處理。2.1 服務(wù)器控件概述服

2、務(wù)器控件概述2.1.1服務(wù)器控件分類服務(wù)器控件分類ASP.NET提供了多種服務(wù)器控件，根據(jù)定義方式，可分為兩大類:（1）HTML服務(wù)器控件。HTML服務(wù)器控件由普通HTML控件轉(zhuǎn)換而來，外觀上基本與普通HTML控件一致。（2）ASP.NET標(biāo)準(zhǔn)服務(wù)器控件。ASP.NET標(biāo)準(zhǔn)服務(wù)器控件比HTML服務(wù)器控件具有更多內(nèi)置功能，可以說這些控件是構(gòu)建ASP.NET Web 應(yīng)用的主力軍。 2.1.2服務(wù)器控件的創(chuàng)建服務(wù)器控件的創(chuàng)建2.1 服務(wù)器控件概述服務(wù)器控件概述 2.1.3服務(wù)器控件的屬性、事件和方法服務(wù)器控件的屬性、事件和方法 ASP.NET Web程序設(shè)計(jì)采用了面向?qū)ο蟮木幊趟枷?，服?wù)器控件即為

3、一系列的類，如Button控件類等。每一個(gè)具體的服務(wù)器控件便是這個(gè)類的一個(gè)具體實(shí)例，稱之為對(duì)象，如在頁(yè)面上新創(chuàng)建的按鈕控件Button1。2.2 HTML服務(wù)器控件服務(wù)器控件HTML控件在默認(rèn)情況下屬于客戶端(瀏覽器)控件，服務(wù)器無法對(duì)其進(jìn)行控制。HTML控件是從HTML標(biāo)記衍生而來的，每個(gè)控件對(duì)應(yīng)于一個(gè)或一組HTML標(biāo)記。 HTML控件可以通過修改代碼將其變成Web服務(wù)器端控件，幾乎所有的HTML標(biāo)記只要加上runat=“server”,這個(gè)服務(wù)器控件標(biāo)識(shí)屬性后都可以變成服務(wù)器端控件。這與普通的HTML標(biāo)記相比最大的區(qū)別在于，服務(wù)器端控件可以通過服務(wù)器端代碼來控制。HTML控件是運(yùn)行在客戶端

4、的，Web控件是運(yùn)行在服務(wù)器的。如果要減輕拂去其的負(fù)擔(dān)，可以采用HTML控件。HTML控件的客戶端事件處理比較方便，可以直接在控件中指定；如果是Web控件，就必須采用程序指定。 2.2 HTML服務(wù)器控件服務(wù)器控件HTML控件的表現(xiàn)形式是在普通的HTML標(biāo)記中添加runat=“server”。 例如：表示一個(gè)標(biāo)準(zhǔn)的HTML文本輸入字段。則聲明了一個(gè)HTML控件2.3 Web服務(wù)器控件服務(wù)器控件1 .工作機(jī)制 最終解釋成HTML標(biāo)記 必須包含在Web窗體內(nèi)（form runat=server)2 . Web服務(wù)器控件對(duì)象模型 每一個(gè)控件都是一個(gè)對(duì)象 對(duì)象具有屬性、方法和事件 對(duì)Web服務(wù)器控件編

5、程很多情況下就是設(shè)置屬性、調(diào)用方法、執(zhí)行事件的過程2.3 Web服務(wù)器控件服務(wù)器控件Web服務(wù)器控件的特點(diǎn)服務(wù)器控件的特點(diǎn)對(duì)象模型更為豐富能自動(dòng)檢查瀏覽器并選擇合適的輸出可使用模板自定義一些控件某些控件具有兩種事件處理方式，一是立即處理，二是存入緩存，提交時(shí)再處理2.3 Web服務(wù)器控件服務(wù)器控件Web服務(wù)器控件的基本語(yǔ)法例：2.3 Web服務(wù)器控件服務(wù)器控件Web 服務(wù)器控件類型 HTML控件 標(biāo)準(zhǔn) ASP.NET Web 服務(wù)器控件 數(shù)據(jù) Web 服務(wù)器 (ASP.NET) 控件 數(shù)據(jù)源 Web 服務(wù)器控件 驗(yàn)證 ASP.NET 控件 ASP.NET 導(dǎo)航控件 ASP.NET 登錄控件 所

6、有ASP.NET服務(wù)器控件都之間或間接地繼承于Control類。2.4服務(wù)器常用控件服務(wù)器常用控件2.4.1用于文本輸入和顯示的標(biāo)準(zhǔn)控件用于文本輸入和顯示的標(biāo)準(zhǔn)控件1.標(biāo)簽控件標(biāo)簽控件Label功能:使用 Label 控件在頁(yè)上的固定位置顯示文本。常常用來動(dòng)態(tài)地改變文本內(nèi)容或者文本屬性。語(yǔ)法: or Text 說明:如果想顯示靜態(tài)文本，可以使用 HTML 進(jìn)行顯示；并不需要使用 Label 控件。僅當(dāng)需要在服務(wù)器代碼中更改文本的內(nèi)容或其他特性時(shí)，才使用 Label 控件。2.4服務(wù)器常用控件服務(wù)器常用控件常用屬性 ID屬性 Text屬性為標(biāo)簽顯示的文本 AccessKey以快速導(dǎo)航到Web服務(wù)

7、器控件的訪問鍵，即快捷鍵 Visible屬性該控件是否可見 AssociatedControlID與Label控件關(guān)聯(lián)的服務(wù)器控件的標(biāo)識(shí)符 ForeColor屬性字體顏色2.4服務(wù)器常用控件服務(wù)器常用控件2.Literal(靜態(tài)文本靜態(tài)文本)控件控件 Literal 控件與 Label 控件的區(qū)別在于 Literal 控件不向文本中添加任何 HTML 元素。（Label在瀏覽器中被解析成SPAN標(biāo)記。）因此，Literal 控件不支持包括位置屬性在內(nèi)的任何樣式屬性。但是，Literal 控件允許指定是否對(duì)內(nèi)容進(jìn)行編碼。Literal 控件支持 Mode 屬性，該屬性用于指定控件對(duì)您所添加的標(biāo)記

8、的處理方式?？梢詫?Mode 屬性設(shè)置為以下值：Transform. 將對(duì)添加到控件中的任何標(biāo)記進(jìn)行轉(zhuǎn)換，以適應(yīng)請(qǐng)求瀏覽器的協(xié)議。如果向使用 HTML 外的其他協(xié)議的移動(dòng)設(shè)備呈現(xiàn)內(nèi)容，此設(shè)置非常有用。PassThrough. 添加到控件中的任何標(biāo)記都將按原樣呈現(xiàn)在瀏覽器中。Encode. 將使用 HtmlEncode 方法對(duì)添加到控件中的任何標(biāo)記進(jìn)行編碼，這會(huì)將 HTML 編碼轉(zhuǎn)換為其文本表示形式。例如， 標(biāo)記將呈現(xiàn)為 <b>。當(dāng)希望瀏覽器顯示而不解釋標(biāo)記時(shí)，編碼將很有用。編碼對(duì)于安全也很有用，有助于防止在瀏覽器中執(zhí)行惡意標(biāo)記。顯示來 自不受信任的源的字符串時(shí)推薦使用此設(shè)置。通常情

9、況下，當(dāng)希望文本和控件直接呈現(xiàn)在頁(yè)面中而不使用任何附加標(biāo)記時(shí)，可使用 Literal 控件。2.4服務(wù)器常用控件服務(wù)器常用控件3.文本框控件（文本框控件（TextBox）功能：TextBox 服務(wù)器控件是讓用戶輸入文本的輸入控件，包括文本、數(shù)字和日期等。語(yǔ)法： 2.4服務(wù)器常用控件服務(wù)器常用控件常用屬性（1）TextMode 屬性設(shè)置為 SingleLine，它創(chuàng)建只包含一行的文本框。還可將此屬性設(shè)置為 MultiLine 或 Password。MultiLine 創(chuàng)建包含多個(gè)行的文本框。Password 創(chuàng)建可以屏蔽用戶輸入的值的單行文本框。（2）文本框的顯示寬度由其 Columns 屬性確

10、定。如果文本框是多行文本框，則顯示高度由 Rows 屬性確定。2.4服務(wù)器常用控件服務(wù)器常用控件（3）使用 Text 屬性確定 TextBox 控件的內(nèi)容。（4）通過設(shè)置 MaxLength 屬性，可以限制可輸入到此控件中的字符數(shù)。將 Wrap 屬性設(shè)置為 true 來指定當(dāng)?shù)竭_(dá)文本框的結(jié)尾時(shí)，單元格內(nèi)容應(yīng)自動(dòng)在下一行繼續(xù)。（5）ReadOnly是否可以更改控件中的文本（只讀）（6）AutoPostBack屬性為true，那么當(dāng)該控件的狀態(tài)被改變后，也會(huì)是Web頁(yè)面自動(dòng)發(fā)送回服務(wù)器。為false，那么對(duì)應(yīng)值改變后就不會(huì)自動(dòng)傳給服務(wù)器處理。2.4服務(wù)器常用控件服務(wù)器常用控件4.HyperLink

11、(超鏈接文本超鏈接文本)控件控件 超鏈接控件HyperLink用來在頁(yè)面上創(chuàng)建鏈接，跳轉(zhuǎn)到其它頁(yè)面。應(yīng)用它可以通過代碼動(dòng)態(tài)設(shè)置鏈接目標(biāo)。2.4服務(wù)器常用控件服務(wù)器常用控件2.4.2 圖片類控件圖片類控件1.Image控件控件功能：用來顯示圖片或圖像信息。2.4服務(wù)器常用控件服務(wù)器常用控件 Image控件的常用屬性 AlternateText在圖像無法顯示時(shí)顯示的備用文本 ImageAlign圖像的對(duì)齊方式 ImageUrl要顯示圖像的URL ToolTip一些瀏覽器顯示在工具提示中提示的文本。2.4服務(wù)器常用控件服務(wù)器常用控件 2.Imagemap控件控件 ImageMap控件是一個(gè)讓用戶可以

12、在圖片上定義熱點(diǎn)（HotSpot）區(qū)域的服務(wù)器控件。 用戶可以通過單擊這些熱點(diǎn)區(qū)域進(jìn)行回發(fā)（PostBack）操作或者定向（Navigate）到某個(gè)URL位址。該控件一般用在需要對(duì)某張圖片的局部范圍進(jìn)行互動(dòng)操作時(shí)，其主要屬性有HotSpotMode、HotSpots和主要事件Click。 HotSpotMode：顧名思義為熱點(diǎn)模式，對(duì)應(yīng)枚舉類型System.Web.UI.WebControls.HotSpotMode。其選項(xiàng)及說明如下： (1)NotSet：未設(shè)置項(xiàng)。雖然名為未設(shè)置，但其實(shí)默認(rèn)情況下會(huì)執(zhí)行定向操作，定向到你指定的URL位址去。如果你未指定URL位址，那默認(rèn)將定向到自己的Web應(yīng)

13、用程序根目錄。2.4服務(wù)器常用控件服務(wù)器常用控件 (2)Navigate：定向操作項(xiàng)。定向到指定的URL位址去。如果你未指定URL位址，那默認(rèn)將定向到自己的Web應(yīng)用程序根目錄。 (3)PostBack：回發(fā)操作項(xiàng)。單擊熱點(diǎn)區(qū)域后，將執(zhí)行后部的Click事件。 (4)Inactive：無任何操作，即此時(shí)形同一張沒有熱點(diǎn)區(qū)域的普通圖片。 HotSpots：該屬性對(duì)應(yīng)著System.Web.UI.WebControls.HotSpot對(duì)象集合。HotSpot類是一個(gè)抽象類，它之下有CircleHotSpot（圓形熱區(qū)）、RectangleHotSpot（方形熱區(qū)）和PolygonHotSpot（多

14、邊形熱區(qū)）三個(gè)子類。實(shí)際應(yīng)用中，都可以使用上面三種類型來定制圖片的熱點(diǎn)區(qū)域。如果需要使用到自定義的熱點(diǎn)區(qū)域類型時(shí)，該類型必須繼承HotSpot抽象類。 Click：對(duì)熱點(diǎn)區(qū)域的單擊操作。通常在HotSpotMode為PostBack時(shí)用到。2.4服務(wù)器常用控件服務(wù)器常用控件 2.4.3 按鈕類控件按鈕類控件1. Button控件控件功能:在 Web 窗體頁(yè)上顯示普通按鈕 (Button) 控件。常用來觸發(fā)某些事件或點(diǎn)擊按鈕控件會(huì)引起頁(yè)面回傳。 語(yǔ)法: 2.4服務(wù)器常用控件服務(wù)器常用控件 Button按鈕常用的屬性按鈕常用的屬性（1）ID（2）Text按鈕上顯示的文本（3） CommandNam

15、e與此按鈕關(guān)聯(lián)的命令（4）CommandArgument與此按鈕關(guān)聯(lián)的參數(shù)2.4服務(wù)器常用控件服務(wù)器常用控件Button按鈕常用的事件按鈕常用的事件(1)Click用來指定按鈕被單擊時(shí)激發(fā)的處理程序。(2)Command當(dāng)單擊按鈕時(shí)有參數(shù)傳遞時(shí)，則需要使用Command事件，負(fù)責(zé)傳遞參數(shù)的是按鈕控件的CommandName和CommandArgument屬性。2.4服務(wù)器常用控件服務(wù)器常用控件 Command事件對(duì)控件的重載特別有用。它可以根據(jù)CommandName或CommandArgument的值不同，執(zhí)行相同或不同的操作，可以使得多個(gè)按鈕與一個(gè)處理程序相關(guān)聯(lián)，或者一個(gè)按鈕根據(jù)不同值有不同

16、的處理和響應(yīng)。2.4服務(wù)器常用控件服務(wù)器常用控件 2.按鈕控件按鈕控件LinkButton 功能：在 Web 窗體頁(yè)上創(chuàng)建超級(jí)鏈接樣式按鈕。 語(yǔ)法:2.4服務(wù)器常用控件服務(wù)器常用控件3.ImageButton功能:使您能夠處理圖像中的用戶單擊語(yǔ)法:2.4服務(wù)器常用控件服務(wù)器常用控件ImageButton常用屬性 ImageUrl表示圖片或圖像的連接地址 AlternateText當(dāng)圖像不可用時(shí)，控件中顯示的替換文本，如果圖片或圖像可用，則顯示為提示文本。 ImageButton常用事件 Click和Command事件同Button控件相似。2.4服務(wù)器常用控件服務(wù)器常用控件2.4.3 選擇服務(wù)

17、器控件選擇服務(wù)器控件1.單選控件單選控件RadioButton語(yǔ)法： 單選控件最常用的事件就是CheckedChange。當(dāng)控件的選中狀態(tài)改變時(shí)，將會(huì)激發(fā)該事件。 對(duì)于需要返回給服務(wù)器重新執(zhí)行的控件，不要忘記設(shè)置它們的AutoPastBack屬性為True2.4服務(wù)器常用控件服務(wù)器常用控件2.單選組控件RadioButtonListasp:RadioButtonList id=RadioButtonList1 AutoPostBack=True|False CellPadding=Pixels DataSource= DataTextField=DataSourceField DataValu

18、eField=DataSourceField RepeatColumns=ColumnCount RepeatDirection=Vertical|Horizontal RepeatLayout=Flow|Table TextAlign=Right|Left OnSelectedIndexChanged=OnSelectedIndexChangedMethod runat=server 2.4服務(wù)器常用控件服務(wù)器常用控件 常用屬性 Items列表中的項(xiàng)的集合 RepeatColumn用于布局項(xiàng)的列數(shù) RepeatDirection項(xiàng)的布局方向常用事件SelectedIndexChanged2.

19、4服務(wù)器常用控件服務(wù)器常用控件 3.復(fù)選控件復(fù)選控件CheckBox 復(fù)選框控件CheckBox可以實(shí)現(xiàn)多選功能，實(shí)際應(yīng)用中有時(shí)候需要把一組復(fù)選框放在一起使用，即形成復(fù)選框列表CheckBoxList，供用戶在一組選項(xiàng)中進(jìn)行選擇。其功能比CheckBox更為強(qiáng)大，能支持以數(shù)據(jù)連接方式建立列表。2.4服務(wù)器常用控件服務(wù)器常用控件功能： CheckBox 控件在“Web 窗體”頁(yè)上創(chuàng)建復(fù)選框，該復(fù)選框允許用戶在 true 或 false 狀態(tài)之間切換。 語(yǔ)法：2.4服務(wù)器常用控件服務(wù)器常用控件CheckBox 控件常用屬性 Text 屬性可以指定要在控件中顯示的標(biāo)題。 設(shè)置 TextAlign 屬

20、性以指定標(biāo)題可顯示在復(fù)選框的右側(cè)或左側(cè)。 Checked屬性表示是否已經(jīng)選CheckBox 控件。（當(dāng) CheckBox 控件的狀態(tài)在向服務(wù)器的各次發(fā)送過程間更改時(shí)，將引發(fā) CheckedChanged 事件。可以為 CheckedChanged 事件提供事件處理程序，以便當(dāng) CheckBox 控件的狀態(tài)在向服務(wù)器的各次發(fā)送過程間更改時(shí)執(zhí)行特定的任務(wù)。2.4服務(wù)器常用控件服務(wù)器常用控件事件CheckedChanged2.4服務(wù)器常用控件服務(wù)器常用控件4.復(fù)選列表控件復(fù)選列表控件CheckBoxList功能：提供創(chuàng)建多項(xiàng)選擇的復(fù)選組框，該控件可以通過將控件綁定到數(shù)據(jù)源上來動(dòng)態(tài)創(chuàng)建，每一個(gè)子項(xiàng)都包

21、含在集合Items中。語(yǔ)法：asp:CheckBoxList id=CheckBoxList1 AutoPostBack=True|False CellPadding=Pixels DataSource= DataTextField=DataSourceField DataValueField=DataSourceField RepeatColumns=ColumnCount RepeatDirection=Vertical|Horizontal RepeatLayout=Flow|Table TextAlign=Right|Left OnSelectedIndexChanged=OnSele

22、ctedIndexChangedMethod runat=server Text 2.4服務(wù)器常用控件服務(wù)器常用控件屬性 CellPadding單元格的邊框和內(nèi)容之間的距離 CellSpacing單元格之間的距離。 RepeatColumns控件中顯示的列數(shù) RepeatDirection列顯示的樣式，包括垂直顯示和水平顯示。 RepeatLayout控件的布局Flow|Table 2.4服務(wù)器常用控件服務(wù)器常用控件事件-SelectedIndexChanged2.4服務(wù)器常用控件服務(wù)器常用控件 2.4.4 容器類控件容器類控件 1.Table控件控件 Table控件屬于Web服務(wù)器控件中的主

23、要容器控件之一。主要功能是控制頁(yè)面上元素的布局?？梢愿鶕?jù)不同的用戶響應(yīng)，動(dòng)態(tài)生成表格的結(jié)構(gòu)。Table、TableRow、TableCell控件之間的關(guān)系可以表示為：若干個(gè)TableCell構(gòu)成一個(gè)TableRow；若干個(gè)TableRow構(gòu)成一個(gè)Table。TableRow控件用于實(shí)現(xiàn)表格的每一行，TableCell控件用于實(shí)現(xiàn)表格的行的每一個(gè)單元格。2.4服務(wù)器常用控件服務(wù)器常用控件 2.面板控件板控件Panel 功能：Panel控件就好像是一個(gè)控件的大容器，它可以將其他控件包含在其中。所以，它常用來包含一組控件，然后通過它的可視與否來顯示或隱藏這組控件，達(dá)到設(shè)計(jì)者特殊的設(shè)計(jì)效果。 使用Pa

24、nel控件還可以實(shí)現(xiàn)在同一個(gè)頁(yè)面中的數(shù)據(jù)傳遞和轉(zhuǎn)移。方法是使用幾個(gè)Panel控件，先顯示其中一個(gè)，隱藏其他Panel控件，通過程序控制數(shù)據(jù)流的方向指向并顯示下一個(gè)Panel控件，而隱藏上一個(gè)Panel控件。通過這個(gè)方法就可以實(shí)現(xiàn)在同一頁(yè)面中的數(shù)據(jù)傳遞。2.4服務(wù)器常用控件服務(wù)器常用控件 使用Panel控件，還可以在網(wǎng)頁(yè)上創(chuàng)建如下自定義外觀和行為的區(qū)域：（1）添加滾動(dòng)條。Height和Width屬性將Panel控件約束到特定大小，設(shè)置ScrollBars屬性添加滾動(dòng)條。（2）創(chuàng)建一個(gè)帶標(biāo)題的分組框?？稍O(shè)置GroupingText屬性來顯示標(biāo)題。呈現(xiàn)頁(yè)面時(shí)，Panel空間愛你的周圍將顯示一個(gè)包含標(biāo)

25、題的框，其標(biāo)題是用戶指定的文本。（3）在頁(yè)面上創(chuàng)建具有自定義顏色或其他外觀的區(qū)域。Panel控件支持外觀屬性（如BackColor和BorderWidth），可以設(shè)置外觀屬性為頁(yè)面上的某個(gè)區(qū)域創(chuàng)建獨(dú)特的外觀。2.4服務(wù)器常用控件服務(wù)器常用控件 3.MultiView 控件控件 MultiView 和 View 控件和制作出選項(xiàng)卡的效果，MultiView 控件是一組 View 控件的容器。使用它可定義一組 View 控件，其中每個(gè) View 控件都包含子控件。 如果要切換視圖，可以使用控件的ID或者View控件的索引值。在 MultiView 控件中，一次只能將一個(gè) View 控件定義為活動(dòng)視

26、圖。如果某個(gè) View 控件定義為活動(dòng)視圖，它所包含的子控件則會(huì)呈現(xiàn)到客戶端。可以使用 ActiveViewIndex 屬性或SetActiveView 方法定義活動(dòng)視圖。如果 ActiveViewIndex 屬性為空，則 MultiView 控件不向客戶端呈現(xiàn)任何內(nèi)容。如果活動(dòng)視圖設(shè)置為MultiView 控件中不存在的 View，則會(huì)在運(yùn)行時(shí)引發(fā) ArgumentOutOfRangeException。2.4服務(wù)器常用控件服務(wù)器常用控件 一些常用的屬性、方法： ActiveViewIndex屬性：用于獲取或設(shè)置當(dāng)前被激活顯示的View控件的索引值。默認(rèn)值為1，表示沒有View控件被激活。

27、SetActiveView方法：用于激活顯示特定的View控件。 4個(gè)靜態(tài)只讀字段：若要允許用戶在 MultiView 控件中的 View 控件之間進(jìn)行導(dǎo)航，可將 LinkButton 或 Button 控件添加到每個(gè) View 控件。若要利用 MultiView 控件對(duì)當(dāng)前活動(dòng) View 進(jìn)行自動(dòng)更新，請(qǐng)將按鈕或鏈接按鈕的 CommandName 屬性設(shè)置為與所需導(dǎo)航行為對(duì)應(yīng)的命令名字段的值，這些命令名字段如下：PreviousViewCommandName、NextViewCommandName、SwitchViewByIDCommandName 或 SwitchViewByIndexCo

28、mmandName。 ActiveViewChanged事件：當(dāng)視圖切換時(shí)被激發(fā)。2.4服務(wù)器常用控件服務(wù)器常用控件4.占位控件（占位控件（PlaceHolder） 在從一個(gè)Web頁(yè)面跳轉(zhuǎn)到另一個(gè)Web頁(yè)面時(shí)，ASP.NET應(yīng)用程序的用戶界面的某些部分常常是保持不便的，如頁(yè)眉處的GIF圖片、水平工具條或?qū)Ш綏l、左側(cè)的鏈接等。開發(fā)者自然會(huì)希望可以繼續(xù)使用它們，而不必為每個(gè)頁(yè)面重建。使用PlaceHolder控件可以解決這個(gè)問題。 PlaceHolder控件將其他控件作為一個(gè)集合包含起來。用戶可以在運(yùn)行時(shí)清除這個(gè)集合或添加它。 PlaceHolder控件可以為以編程方式動(dòng)態(tài)添加的控件保留位置，從而

29、將動(dòng)態(tài)添加或刪除的服務(wù)器控件存儲(chǔ)到Web頁(yè)中。 PlaceHolder控件僅用作Web頁(yè)上其他控件的容器。2.5 Web服務(wù)器列表類控件服務(wù)器列表類控件 1.列表控件列表控件DropDownList 功能：可以在一個(gè)控件框內(nèi)為用戶提供多個(gè)選項(xiàng)。 語(yǔ)法：asp:DropDownList id=DropDownList1 runat=server DataSource= DataTextField=DataSourceField DataValueField=DataSourceField AutoPostBack=True|False OnSelectedIndexChanged=OnSelec

30、tedIndexChangedMethod Text 2.5 Web服務(wù)器列表類控件服務(wù)器列表類控件2.列表控件列表控件 ListBoxasp:ListBox id=Listbox1 DataSource= DataTextField=DataSourceField DataValueField=DataSourceField AutoPostBack=True|False Rows=rowcount SelectionMode=Single|Multiple OnSelectedIndexChanged=OnSelectedIndexChangedMethod runat=server Te

31、xt 注：可單選或復(fù)選2.5 Web服務(wù)器列表類控件服務(wù)器列表類控件3.列表控件列表控件 BulletedList 該控件可呈現(xiàn)項(xiàng)目符號(hào)或編號(hào)，具體取決于BulletedList屬性的設(shè)置。（ASP.NET2.0新增的控件） 語(yǔ)法： 籃球 2.5 Web服務(wù)器列表類控件服務(wù)器列表類控件 BulletedList控件可以通過以下任一種方式顯示列表項(xiàng)： 靜態(tài)文本。由控件所顯示的文本不能交互。 T：System.Web.UI.WebControls.HyperLink控件。用戶可以單擊連接定位到其他頁(yè)面。必須提供一個(gè)目標(biāo)URL作為單個(gè)項(xiàng)的Value屬性。 LinkButton控件。用戶可以單擊各個(gè)項(xiàng)

32、，然后控件將執(zhí)行一次回發(fā)。2.5 Web服務(wù)器列表類控件服務(wù)器列表類控件BulletedList控件的常用屬性 BulletStyle項(xiàng)目編號(hào)樣式值。DisplayMode項(xiàng)目樣式 Items對(duì)應(yīng)著ListItem對(duì)象集合。項(xiàng)目符號(hào)編號(hào)列表中的每一個(gè)項(xiàng)均對(duì)應(yīng)一個(gè)ListItem對(duì)象。2.5 Web服務(wù)器列表類控件服務(wù)器列表類控件 注：DropDownList和ListBox最常用的事件是SelectedIndexChanged，激活該事件時(shí)，一般要同時(shí)指定DropDownList和ListBox的AutoPostBack屬性為真。 如果將BulletedList控件配置為將單個(gè)項(xiàng)顯示為L(zhǎng)ink

33、Button控件，則當(dāng)用戶單擊某項(xiàng)時(shí)，該控件會(huì)執(zhí)行一次回發(fā)。回發(fā)將依法BulletedList控件的Click事件。可以在其中提供邏輯以執(zhí)行特定于應(yīng)用程序的任務(wù)。2.6高級(jí)控件高級(jí)控件 1.日歷控件日歷控件Calendar 常用屬性 DayHeaderStyle月歷中顯示一周中每一天的名稱的部分樣式. DayStyle所顯示的月份中各天的樣式 NextPrevStyle標(biāo)題欄左右兩端的月導(dǎo)航LinkButton控件所在部分的樣式.有CustomText,ShortMonth和FullMonth三種樣式可以選擇 OtherMonthDayStyle顯示在在當(dāng)前月視圖中上一個(gè)月和下一個(gè)月的日期樣式

34、。2.6高級(jí)控件高級(jí)控件 SelectedDayStyle選定日期的樣式如果未設(shè)置此屬性，則由DayStyle屬性指定的樣式將用于顯示選定的日期 SelectedStyle位于Calendar控件左冊(cè)、包含用于選擇一周或整個(gè)月的鏈界的列的樣式。 SelectionMode選擇的模式（日，周，月） ShowDayHeader顯示或隱藏顯示一周中的每一天的部分。 ShowGridLines是否顯示或隱藏一個(gè)月中每一天之間的網(wǎng)格線。2.6高級(jí)控件高級(jí)控件 ShowNextPrevMonth顯示或隱藏到下一個(gè)月或上一個(gè)月的導(dǎo)航控件。 ShowTitle顯示或隱藏標(biāo)題部分。 TitleStyle位于月歷

35、頂部，包含月份名稱和月導(dǎo)航鏈接的標(biāo)題欄的樣式。 TodayDayStyle當(dāng)前日期的樣式。如果未設(shè)置此屬性，則使用由DayStyle屬性指定的樣式來顯示當(dāng)前日期。 WeekendDayStyle周末日期的樣式。如果未設(shè)置此屬性，則使用由DayStyle屬性指定的樣式來顯示當(dāng)前日期。2.6高級(jí)控件高級(jí)控件 當(dāng)然也可以直接選擇VS.NET中內(nèi)置的日歷樣式。單擊“自動(dòng)套用格式”2.6高級(jí)控件高級(jí)控件 2.Calendar常用的事件常用的事件 DayRender當(dāng)日期被顯示的時(shí)候被觸發(fā)。在創(chuàng)建Calendar控件中的每個(gè)日期單元格時(shí)，均會(huì)觸發(fā)該事件。通過在DayRender事件的事件處理程序中提供代碼

36、，就可以在創(chuàng)建日期單元格時(shí)控制其內(nèi)容和格式設(shè)置。 DayRender事件處理程序接收DayRenderEventArgs參數(shù)，該參數(shù)有Cell和Day兩個(gè)屬性，里面包含了自定義單元格中所需要的所有內(nèi)容。2.6高級(jí)控件高級(jí)控件 SelectionChanged當(dāng)日期被用戶選擇（單擊）的時(shí)候被觸發(fā)。 VisibleMonthChanged當(dāng)所顯示的月份被更改（前一個(gè)/后一個(gè)鏈接）的時(shí)候被觸發(fā)。對(duì)當(dāng)前月份的更換，將會(huì)觸發(fā)VisibleMonthChanged事件。接收MonthChangedEventArgs參數(shù)，該參數(shù)的重要屬性為NewDate和PreviousDate兩個(gè)屬性，分別表示當(dāng)前顯示的

37、月份和以前顯示的月份。2.6高級(jí)控件高級(jí)控件 2.廣告控件廣告控件-AdRotator 使用AdRotator控件,可以在每次加載該頁(yè)面時(shí)在該頁(yè)上顯示一組廣告橫幅中的一個(gè)廣告.廣告內(nèi)容往往從一個(gè)固定的數(shù)據(jù)源(通常XML文件或數(shù)據(jù)庫(kù)表)提供的廣告列表中自動(dòng)讀取廣告信息,如圖形文件名和目標(biāo)URL. AdRotator控件自動(dòng)進(jìn)行循環(huán)處理,每刷新一次頁(yè)面改變一次顯示內(nèi)容,還可以對(duì)廣告進(jìn)行加權(quán)以控制橫幅的優(yōu)先級(jí),從而使某些廣告的顯示頻率高于其他廣告。2.6高級(jí)控件高級(jí)控件 AdRotator控件必須放在Form或Panel控件內(nèi)，或放在摸板內(nèi)。 AdRotator控件需要包含圖象URL的XML文件，該

38、文件用來指定每個(gè)廣告的導(dǎo)航鏈接。 AdRotator控件最常用的屬性就是AdvertisementFile，它用來與相應(yīng)的XML文件關(guān)聯(lián)。2.6高級(jí)控件高級(jí)控件說明：要使用本控件，要先建立一個(gè).XML的文件(廣告清單文件）2.6高級(jí)控件高級(jí)控件 廣告清單文件的建立廣告清單文件的建立 1.創(chuàng)建一個(gè)新文本文件。 2.對(duì)于每一個(gè)要包含在廣告清單中的廣告，在 元素中插入一個(gè)新的 元素。 從下列屬性中為每一個(gè)廣告設(shè)置必要的屬性： . . . . . 3.保存文件，擴(kuò)展名為.xml 2.6高級(jí)控件高級(jí)控件對(duì)清單文件內(nèi)容的說明對(duì)清單文件內(nèi)容的說明 ImageUrL 要顯示的圖像的 URL NavigateU

39、rL 單擊 AdRotator 控件時(shí)定位到的頁(yè)面的 URL。 AlternateText 圖像不可用時(shí)顯示的文本。 Keyword 可用于篩選特定廣告的廣告類別。 Impressions 指示廣告的可能顯示頻率的數(shù)值。在 XML 文件中，所有 Impression 值的總和不能超過 2,048,000,000 - 1 注：所有屬性均為可選。2.6高級(jí)控件高級(jí)控件清單文件示例清單文件示例 images/1.gif http:/ Microsoft Main Site 80 Topic1 This is the caption for Ad#1 images/2.gif http:/ Wing

40、Tip Toys 80 Topic2 This is the caption for Ad#2 2.6高級(jí)控件高級(jí)控件 3.向?qū)Э丶驅(qū)Э丶izard Wizards控件為用戶提供了呈現(xiàn)一連串步驟的基礎(chǔ)架構(gòu)，這樣可以訪問所有步驟中包含的數(shù)據(jù)，并方便地進(jìn)行前后導(dǎo)航。 Wizard控件使用多個(gè)步驟來描繪用戶的輸入信息，該控件內(nèi)的每個(gè)步驟 均會(huì)給一個(gè)StepType?？梢栽诋?dāng)步驟到Complete時(shí)，對(duì)所有的數(shù)據(jù)進(jìn)行處理。Wizard控件導(dǎo)航，包括線性導(dǎo)航（從一步轉(zhuǎn)到下一步或上一步）和非線性導(dǎo)航（從一步轉(zhuǎn)到任意其他步）。該控件能夠自動(dòng)創(chuàng)建合適的按鈕，例如Next，Previous以及Finish。

41、第一步?jīng)]有Previous按鈕，最后一步?jīng)]有Next按鈕。通過設(shè)置可以使得一些步驟只能被導(dǎo)航一次。另外，默認(rèn)情況下，Wizard控件顯示一個(gè)包含導(dǎo)航鏈接的工具欄，這讓用戶可以從當(dāng)前步驟轉(zhuǎn)到其他步驟。2.6高級(jí)控件高級(jí)控件 Wizard包含一個(gè)WizardStep對(duì)象集合,所有WizardStep中的所有控件都位于頁(yè)面控件樹中，且無論哪個(gè)WizardStep可見，都可以在運(yùn)行時(shí)通過代碼實(shí)現(xiàn)控件訪問。當(dāng)用戶單擊一個(gè)導(dǎo)航按鈕或鏈接時(shí)，頁(yè)面將被提交到服務(wù)器。 TemplateWizardStep:提供一個(gè)允許用戶自定義模板生成步驟的方法。對(duì)它的訪問，不能通過像其它步驟一樣的直接訪問方式，而是要通過它的

42、模板ID來訪問。所以，如果在Wizard中的步驟采用這個(gè)方式，訪問數(shù)據(jù)的時(shí)候，要注意。2.7 典型案例及分析典型案例及分析2.7.1 典型案例一：個(gè)人情況調(diào)查表的制作典型案例一：個(gè)人情況調(diào)查表的制作 制作一個(gè)個(gè)人情況調(diào)查表。輸入姓名后選擇性別、最喜歡的歌手名、家庭所在城市、個(gè)人愛好，單擊提交按鈕后將在表格下方顯示這些信息，若沒有輸入姓名或進(jìn)行選擇，則顯示沒有輸入或選擇。2.7 典型案例及分析典型案例及分析 2.7.2 典型案例二：圖片導(dǎo)航的制作典型案例二：圖片導(dǎo)航的制作 利用ImageMap控件生成一導(dǎo)航條，單擊不同的區(qū)域?qū)@示相應(yīng)的內(nèi)容。2.8 項(xiàng)目實(shí)訓(xùn)項(xiàng)目實(shí)訓(xùn) 2.8.1 項(xiàng)目實(shí)訓(xùn)一：制作圖片瀏覽器項(xiàng)目實(shí)訓(xùn)一：制作圖片瀏覽器 一、實(shí)訓(xùn)目的 1、掌握Image控件的使用。 2、掌握DropDownList控件的使用。 二、實(shí)訓(xùn)內(nèi)容及要求 使用Image控件和DropDownList控件，在下拉列表中有若干列表項(xiàng)表示圖片的名稱，當(dāng)選中某個(gè)圖片的名稱時(shí)，將該圖片顯示在圖像控件上。用戶可以自由選擇并切換，顯示相應(yīng)的不同的圖片， 2.8 項(xiàng)目實(shí)訓(xùn)項(xiàng)目實(shí)訓(xùn) 三、實(shí)訓(xùn)步驟 1、新建一個(gè)空網(wǎng)站，在其中添加新項(xiàng)，添加一個(gè)Web窗體。 2、在網(wǎng)站中新建一個(gè)“image”文件夾。 3、在image文件夾中放置3張圖片，分別