1、 教學(xué)提示 介紹ASP.NET服務(wù)器控件，包括：HTML服務(wù)器控件、Web服務(wù)器控件及Web頁(yè)面的驗(yàn)證控件 Web頁(yè)面上的任意 HTML 元素都可以轉(zhuǎn)換為 HTML 服務(wù)器控件 Web服務(wù)器控件比HTML 服務(wù)器控件具有更多功能 驗(yàn)證控件使得ASP.NET中的驗(yàn)證操作變得易于實(shí)現(xiàn) 教學(xué)要求 掌握HTML服務(wù)器控件及其使用方法，掌握Web服務(wù)器控件及其使用方法，了解自定義控件及其使用方法。 3.1.1 HTML服務(wù)器控件概述 HTML服務(wù)器控件都在以System.Web.UI.HTMLControls命名的空間中 HTML服務(wù)器控件是HTML元素，這些元素包含使其自身在服務(wù)器上可見(jiàn)并可編程的屬性

2、。默認(rèn)情況下，服務(wù)器無(wú)法使用Web窗體頁(yè)上的HTML元素 通過(guò)將HTML元素轉(zhuǎn)換為HTML服務(wù)器控件，可將其公開(kāi)為可在服務(wù)器上編程的元素 頁(yè)面上的任意HTML元素都可以轉(zhuǎn)換為HTML服務(wù)器控件。轉(zhuǎn)換是一個(gè)只涉及幾個(gè)屬性的簡(jiǎn)單過(guò)程。 作為最低要求，通過(guò)添加 runat=“server” 屬性，HTML元素即可轉(zhuǎn)換為HTML服務(wù)器控件。 如果要在代碼中作為成員引用控件，則還應(yīng)當(dāng)為控件分配ID屬性 3.1.2 HtmlAnchor控件 HtmlAnchor控件用來(lái)控制元素。在HTML中，元素用來(lái)建立一個(gè)超鏈接。超鏈接可以鏈接到一個(gè)書簽或是另一個(gè)Web頁(yè)面。其格式如下： 3.1.3 HtmlInput

3、Button控件 HtmlInputButton控件用來(lái)控制、 、以及等元素。在HTML中，這些元素用來(lái)建立命令按鈕、提交(submit)按鈕和重置(reset)按鈕。其語(yǔ)法格式如下。 3.1.4 HtmlForm控件 HtmlForm控件用來(lái)控制元素。在HTML中，元素被用來(lái)建立表單，除HtmlGenericControl控件外，所有的Web Form控件必須包含在一對(duì)HtmlForm控件標(biāo)簽中。其語(yǔ)法格式如下。 3.1.5 HtmlGenericControl控件 HtmlGeneric控件用來(lái)控制沒(méi)有被特定HTML服務(wù)器控件規(guī)定的其他HTML元素，如、等，與Web Form Html控件

4、沒(méi)有具體的對(duì)應(yīng)關(guān)系，但它們?nèi)匀淮嬖谟贖tml控件模型中。其語(yǔ)法格式如下。 3.1.6 HtmlImage控件 HtmlImage控件用來(lái)控制元素。在HTML中，HtmlImage控件用來(lái)顯示一個(gè)圖像。 使用HtmlImage控件可以動(dòng)態(tài)地設(shè)置圖片屬性，如src、width、height、border、alt和Align等。其格式如下。 3.1.7 HtmlInput系列控件 HtmlInputCheckBox控件 HtmlInputCheckBox控件用來(lái)控制元素。在HTML中，此元素用來(lái)建立一個(gè)復(fù)選框，以接受用戶的多項(xiàng)選擇，使用Checked屬性來(lái)判斷復(fù)選按鈕是否被選中。其語(yǔ)法格式如下。 H

5、tmlInputFile控件 HtmlInputFile控件用來(lái)控制元素。在HTML中，使用HtmlInputFile控件創(chuàng)建一個(gè)提供給用戶選擇上載文件的對(duì)話框(控件為)。其語(yǔ)法格式如下。 HtmlInputHidden控件 HtmlInputHidden控件用來(lái)控制元素。在HTML中，此元素用來(lái)建立一個(gè)隱含的input域。 在瀏覽器窗口中，HtmlInputHidden控件是不可見(jiàn)的，只有利用瀏覽器的查看網(wǎng)頁(yè)的“源文件”功能，才可以看到該類控件。其語(yǔ)法格式如下。 HtmlInputImage控件 HtmlInputImage控件用來(lái)控制元素。在HTML中，此元素用來(lái)創(chuàng)建一個(gè)替代常規(guī)式樣的按鈕

6、的圖片按鈕。其語(yǔ)法格式如下。 HtmlInputRadioButton控件 HtmlInputRadioButton控件用來(lái)控制元素。在HTML中，此元素用來(lái)創(chuàng)建一個(gè)單選按鈕選擇，且以組為單位，name屬性相同的HtmlInputRadioButton控件為一組，在該組中，每次只能選擇一個(gè)單選按鈕。其語(yǔ)法格式如下。 HtmlInputText控件 HtmlInputText控件用來(lái)控制 和 元素。在HTML中，這兩個(gè)元素用來(lái)建立文本域和密碼域。當(dāng)作為密碼輸入時(shí)，所輸入的內(nèi)容用“*”替代。其語(yǔ)法格式如下。 3.1.8 HtmlSelect控件 HtmlSelect控件用來(lái)控制元素。在HTML中，

7、元素用來(lái)建立一個(gè)供用戶選擇的下拉列表。其語(yǔ)法格式如下。 3.1.9 HtmlTable控件 HtmlTable控件用來(lái)控制元素。在HTML中，用來(lái)建立一個(gè)表格。而且可以動(dòng)態(tài)地添加表格的行和列。其語(yǔ)法格式如下。 3.1.10 HtmlTableCell控件 HtmlTableCell控件用來(lái)控制 和 元素。在HTML中，這些元素用來(lái)建立表格單元格和表格標(biāo)題單元格。其語(yǔ)法格式如下。 3.1.11 HtmlTableRow控件 HtmlTableRow控件用來(lái)控制元素。HTML中，元素用來(lái)創(chuàng)建表格中的行。其語(yǔ)法格式如下。 3.1.12 HtmlTextArea控件 HtmlTextArea控件用來(lái)控

8、制 元素。在HTML中， 元素建立一個(gè)文本區(qū)，讓用戶輸入一個(gè)多行文本，文本的寬度由Cols屬性決定，而高度由Rows屬性決定。其語(yǔ)法格式如下。 3.2.1 Web服務(wù)器控件概述 Web服務(wù)器控件位于以System.Web.UI.Webcontrols命名的空間中，并集成在ASP.NET的基本類庫(kù)中，人們習(xí)慣稱之為Web控件。 象HTML服務(wù)器控件一樣，Web服務(wù)器控件也是被創(chuàng)建于服務(wù)器上并且需要 runat=“server” 屬性來(lái)工作。 但是，Web服務(wù)器控件不是必須要映射到已存在的HTML元素，它們可以表現(xiàn)為更復(fù)雜的元素 服務(wù)器控件的基本屬性是指除了控件特有屬性以外，所有ASP.NET服務(wù)

9、器控件都具有的共同屬性 3.2.2 AdRotator Web服務(wù)器控件 AdRotator控件是一個(gè)廣告控件，用來(lái)在Web頁(yè)面上顯示一個(gè)廣告圖片序列。 此控件使用一個(gè)XML文件來(lái)存儲(chǔ)廣告信息，并且XML文件必須以標(biāo)簽開(kāi)始和結(jié)束。在標(biāo)簽內(nèi)可以有若干標(biāo)簽來(lái)定義每個(gè)廣告。其語(yǔ)法格式如下。 3.2.3 Button Web服務(wù)器控件 Button控件用來(lái)在Web頁(yè)面上創(chuàng)建一個(gè)按鈕。按鈕既可能是提交按鈕，又可能是一個(gè)命令按鈕，默認(rèn)情況下是提交按鈕。這兩種按鈕的主要區(qū)別在于提交按鈕不支持CommandName(命令名稱)和CommandArgument(命令參數(shù))兩個(gè)屬性。其語(yǔ)法格式如下。 3.2.4

10、Calendar Web服務(wù)器控件 Calendar控件用來(lái)在瀏覽器中顯示一個(gè)日歷。在顯示日歷時(shí)，用戶可以選擇日期并可轉(zhuǎn)到前、后月份。其語(yǔ)法格式如下。 3.2.5 CheckBox Web服務(wù)器控件 CheckBox控件用來(lái)在Web窗體上創(chuàng)建一個(gè)復(fù)選框，該復(fù)選框允許用戶在“true”或“false”狀態(tài)之間進(jìn)行切換。其語(yǔ)法格式如下。 3.2.6 CheckBoxList Web服務(wù)器控件 CheckBoxList控件用來(lái)建立一個(gè)多選的復(fù)選框組?？丶械拿總€(gè)可選項(xiàng)由一個(gè)ListItem元素來(lái)定義。此外，此控件支持?jǐn)?shù)據(jù)綁定。其語(yǔ)法格式如下。 3.2.7 DropDownList Web服務(wù)器控件

11、DropDownList控件用來(lái)建立一個(gè)下拉列表。控件中的每個(gè)可選項(xiàng)由一個(gè)ListItem元素來(lái)定義，且支持?jǐn)?shù)據(jù)綁定。其語(yǔ)法格式如下。 3.2.8 HyperLink Web服務(wù)器控件 HyperLink控件用來(lái)在Web頁(yè)上創(chuàng)建一個(gè)可切換到其他頁(yè)面或位置的鏈接。其語(yǔ)法格式如下。 3.2.9 Image Web服務(wù)器控件 Image控件用于在Web頁(yè)面上顯示圖片。使用ImageUrl參數(shù)來(lái)設(shè)置圖片的路徑。當(dāng)圖片不能正常顯示時(shí)，顯示備用文本。其語(yǔ)法格式如下。 3.2.10 ImageButton Web服務(wù)器控件 ImageButton控件主要用于響應(yīng)單擊圖片的動(dòng)作。其語(yǔ)法格式如下。 3.2.11

12、 Label Web服務(wù)器控件 Label控件用于在Web頁(yè)面上顯示信息，要顯示的具體內(nèi)容通過(guò)Text屬性來(lái)設(shè)置。其格式如下。 3.2.12 LinkButton Web服務(wù)器控件 LinkButton控件用于在Web頁(yè)面上創(chuàng)建一個(gè)超鏈接樣式的按鈕，它可以是“提交”按鈕，或“命令”按鈕。其語(yǔ)法格式為： 3.2.13 ListBox Web服務(wù)器控件 List控件用于建立單選或多選的下拉列表。其語(yǔ)法格式如下。 3.2.14 Literal Web服務(wù)器控件 Literal控件也是用于顯示文本的，但與label控件不同的是，Literal控件不能使用一般Web服務(wù)器控件的共同屬性style，即不支

13、持CSS。其語(yǔ)法格式如下。 3.2.15 Panel Web服務(wù)器控件 Panel控件是一個(gè)容器，通常用于顯示或隱藏一組控件。其語(yǔ)法格式如下。 3.2.16 PlaceHolder Web服務(wù)器控件 PlaceHoder控件是一個(gè)容器，用于事先在頁(yè)面中保留一個(gè)位置以便動(dòng)態(tài)地增加控件。 PlaceHolder 控件不產(chǎn)生任何可見(jiàn)的輸出，僅用作 Web 頁(yè)上其他控件的容器，有時(shí)用于裝載用戶自定義控件。 其語(yǔ)法格式如下。 3.2.17 RadioButton Web服務(wù)器控件 RadioButton控件用于在Web窗體頁(yè)上創(chuàng)建一個(gè)單選按鈕。其語(yǔ)法格式如下。 3.2.18 RadioButtonLis

14、t Web服務(wù)器控件 RadioButtonList控件的作用與RadioButton控件類似，但功能更為強(qiáng)大。其語(yǔ)法格式如下。 3.2.19 Table、TableCell、TableRow Web服務(wù)器控件 Table、Tablerow、tablecell控件用于建立動(dòng)態(tài)表格。其語(yǔ)法格式如下。 3.2.20 TextBox Web服務(wù)器控件 TextBox控件用于在Web頁(yè)面上供用戶輸入文本內(nèi)容，可以用來(lái)顯示標(biāo)準(zhǔn)的HTML文本輸入框、密碼框和文本域。其語(yǔ)法格式如下。 3.3.1 驗(yàn)證控件概述 在ASP.NET中，提供了五種基本的驗(yàn)證類型控件和一個(gè)驗(yàn)證總結(jié)控件(ValidationSumma

15、ry)，它們分別由不同的驗(yàn)證控件來(lái)實(shí)現(xiàn) 每個(gè)驗(yàn)證控件都引用頁(yè)面上其他的輸入控件(服務(wù)器控件)。在處理用戶輸入時(shí)，ASP.NET頁(yè)框架將用戶輸入傳遞到一個(gè)或多個(gè)適當(dāng)?shù)尿?yàn)證控件。驗(yàn)證控件將測(cè)試用戶輸入并設(shè)置表示輸入是否通過(guò)測(cè)試的屬性 3.3.2 基本驗(yàn)證控件屬性 下表3-22中列出的屬性適用于所有驗(yàn)證控件。 3.3.3 CompareValidator驗(yàn)證控件 CompareValidator 驗(yàn)證控件將輸入控件的值同常數(shù)值或其他輸入控件的值相比較，以確定這兩個(gè)值是否與由比較運(yùn)算符(小于、等于、大于等等)指定的關(guān)系相匹配。語(yǔ)法格式如下。 除基本驗(yàn)證控件屬性外，CompareValidator驗(yàn)證控

16、件自有的其他屬性意義如表 3-23所示。 3.3.4 CustomValidator驗(yàn)證控件 計(jì)算輸入控件的值以確定它是否通過(guò)自定義的驗(yàn)證邏輯。其語(yǔ)法格式如下。 除基本驗(yàn)證控件屬性外，CustomValidator驗(yàn)證控件自有的其他屬性意義如表3-24所示。 3.3.5 RangeValidator驗(yàn)證控件 RangeValidator驗(yàn)證控件用于計(jì)算輸入控件的值，以確定該值是否在指定的上限與下限之間。其語(yǔ)法格式如下。 除基本驗(yàn)證控件屬性外，RangeValidator驗(yàn)證控件自有的其他屬性意義如表3-25所示。 3.3.6 RegularExpressionValidator驗(yàn)證控件 Reg

17、ularExpressionValidator 驗(yàn)證控件用來(lái)計(jì)算輸入控件的值，以確定該值是否與某個(gè)正則表達(dá)式所定義的模式相匹配。其語(yǔ)法格式如下。 3.3.7 RequiredFieldValidator驗(yàn)證控件 RequiredFieldValidator控件用于在Web窗體頁(yè)面上保證用戶非空輸入，即對(duì)必填數(shù)據(jù)項(xiàng)已輸入數(shù)據(jù)而不會(huì)跳過(guò)。其語(yǔ)法格式如下。 3.3.8 ValidationSummary驗(yàn)證控件 ValidationSummary 驗(yàn)證控件用于收集本頁(yè)的所有驗(yàn)證錯(cuò)誤信息，并可以將它們組織后再顯示出來(lái)。其語(yǔ)法如下。 3.4.1 用戶控件概述 除HTML和Web服務(wù)器控件之外，您還可以輕

18、松創(chuàng)建自己的自定義的可重用控件，所采用的方法與開(kāi)發(fā)Web窗體頁(yè)的方法相同，這些控件稱作用戶控件。 用戶控件能夠很容易地在多個(gè)ASP.NET Web應(yīng)用程序之間劃分和重復(fù)使用公共用戶界面(UI)功能。 用戶控件聲明語(yǔ)法與創(chuàng)建Web窗體頁(yè)所采用的語(yǔ)法十分類似，兩者的主要差別在于用戶控件在內(nèi)容周圍不包括、和元素。Web窗體頁(yè)面文件的擴(kuò)展名為.aspx，用戶控件頁(yè)面文件擴(kuò)展名為.ascx。 3.4.2 創(chuàng)建用戶控件 用戶控件既可以簡(jiǎn)單到一個(gè)文本文件，也可以在頁(yè)面中包含其他 ASP.NET 服務(wù)器控件 3.4.3 在Web頁(yè)面中使用用戶控件 只有當(dāng)包括在 Web 窗體頁(yè)中時(shí)，用戶控件才可以工作。 當(dāng)一個(gè)

19、請(qǐng)求到達(dá)某一頁(yè)而該頁(yè)包含用戶控件時(shí)，該用戶控件將經(jīng)歷任何 ASP.NET 服務(wù)器控件所要經(jīng)歷的所有處理階段 3.4.4 在程序中動(dòng)態(tài)裝載用戶控件 可以通過(guò)編程方式在 Web 窗體頁(yè)上創(chuàng)建任意 ASP.NET 服務(wù)器控件的實(shí)例，也可以通過(guò)使用包含頁(yè)的LoadControl方法來(lái)做到這一點(diǎn)。 3.5.1 數(shù)據(jù)綁定概述和語(yǔ)法 傳統(tǒng)的數(shù)據(jù)綁定一般用于將顯示類控件的“顯示內(nèi)容”屬性綁定到數(shù)據(jù)庫(kù)中的數(shù)據(jù)上，而ASP.NET則擴(kuò)展了這一概念。 在ASP.NET引入了新的聲明數(shù)據(jù)綁定語(yǔ)法。這種非常靈活的語(yǔ)法允許用戶不僅可以綁定到數(shù)據(jù)源，而且可以綁定到簡(jiǎn)單屬性、集合、表達(dá)式甚至是從方法調(diào)用返回的結(jié)果 語(yǔ)法格式如

20、下。(1) 綁定簡(jiǎn)單屬性： Customer: (2) 綁定集合： Orders:asp:ListBox id=List1 datasource= runat=server (3) 綁定表達(dá)式： Contact: (4) 綁定方法結(jié)果： Outstanding Balance: 盡管該語(yǔ)法看起來(lái)與 ASP 的 Response.Write 快捷方式 相似，但其行為完全不同。ASP Response.Write 快捷方式語(yǔ)法在處理頁(yè)時(shí)計(jì)算，而ASP.NET 數(shù)據(jù)綁定語(yǔ)法僅在調(diào)用 DataBind方法時(shí)計(jì)算 DataBind是頁(yè)和所有服務(wù)器控件的方法。當(dāng)在父控件上調(diào)用 DataBind 時(shí)，它級(jí)聯(lián)到該控件的所有子控件 3.5.2 綁定到簡(jiǎn)單屬性 ASP.NET數(shù)據(jù)綁定語(yǔ)法支持綁定到公共變量、頁(yè)的屬性和頁(yè)上其他控件的屬性。 3.5.3 綁定到集合和列表 像DropDownList、DataGrid、ListBox 和 HTMLSelect 這樣的列表服務(wù)器控件將集合用作數(shù)據(jù)源 這些控件