ASPNET教程第二講ASPNET控件

1、2.1 ASP.net 入門通常談一個學科，我們老是說，它入門很簡單的嘛，ASP.net也是。ASP.net提出一個概念，就是認為WEB頁面，也是一個窗體，所以，學習過面向?qū)ο缶幊痰腣B VC BC Dephi的朋友，學起來就簡單多了。一個ASP.net頁面的后綴名是.aspx，所以，IIS在你安裝完ASP.net時，也會把Default.aspx作為你的默認首頁，網(wǎng)管朋友一定要注意了。ASP.net 是后天編譯運行的，只是在第一次運行時編譯，所以，以后的運行速度比ASP執(zhí)行快。 2.2 寫自己第一個ASP.net的程序激動嗎？很快就開始寫第一個程序了，一般學任何語言都要Hello World

2、!一下吧，那我們也來。在這之前寫要說一下，ASP.net的程序可以用任何東西寫，甚至是Windows的記事本，當初基督山也很疑惑，要不要用 V Interdev .net 來編寫啊，事實證明，那玩意沒手寫好用。% Page Language=VB% 說明一下你使用的哪一種語言來寫.net的，如果是VB的話，這行可以不寫。%Reponse.Write (Hello World%命名 myfirstasp_net.aspx 來我們運行一下，果然，Hello World!注意，Response.Write 語句，我們原來寫成 Response.Write Hello World!也是正確的，但在.n

3、et中，必須用(和。2.3 HTML 控件 ASP.net 框架中的第一組控件稱為 HTML 控件。這些控件位于 System.Web.UI.HtmlControls 命名空間中，是從 HtmlControl 基類中直接或間接派生出來的。圖 1 說明了 HTML 控件的類層次結(jié)構(gòu)。圖 1. ASP+ HTML 控件幾乎所有對于任何包含 runat=server 屬性的標記，都會為其生成 HTML 控件。例如，下面的 HTML 可創(chuàng)建一個名為textBox1的 HtmlInputText 控件的實例：input type=text runat=server id=textBox1 value=s

4、ome text下表中列出了 HTML 控件以及對應的 HTML 標記?？丶臉擞汬tmlAnchoraHtmlButtonbuttonHtmlSelect selectHtmlTextAreatextareaHtmlInputButtoninput type=buttonHtmlInputCheckBoxinput type=checkHtmlInputRadioButtoninput type=radioHtmlInputTextinput type=text 和 input type=passwordHtmlInputHiddeninput type=hiddenHtmlInputI

5、mageinput type=imageHtmlInputFileinput type=fileHtmlFormformHtmlImageimgHtmlTabletableHtmlTableRowtrHtmlTableCelltdHtmlGenericControl任何其它沒有對應控件的標記，如 span、div 等對于現(xiàn)有的ASP程序，如果向ASP.net移植，毫無疑問HTML控件將發(fā)揮最大的作用2.4 Web 控件 ASP.net 框架中的第二組服務器控件稱為 Web 控件。這些控件位于 System.Web.UI.WebControls 命名空間中，是從 WebControl 基類中直接

6、或間接派生出來的。圖 2 說明了 Web 控件的類層次結(jié)構(gòu)。Web 控件中包括傳統(tǒng)的表單控件，如 TextBox 和 Button ，以及其它更高抽象級別的控件，如 Calendar 和 DataGrid 控件。它們提供了一些能夠簡化開發(fā)工作的特性，其中包括： 豐富而一致的對象模型：WebControl 基類實現(xiàn)了對所有控件通用的大量屬性，這些屬性包括 ForeColor、BackColor、Font、Enabled 等。屬性和方法的名稱是經(jīng)過精心挑選的，以提高在整個框架和該組控件中的一致性。通過這些組件實現(xiàn)的具有明確類型的對象模型將有助于減少編程錯誤。對瀏覽器的自動檢測：Web 控件能夠自動

7、檢測客戶機瀏覽器的功能，并相應地調(diào)整它們所提交的 HTML，從而充分發(fā)揮瀏覽器的功能。數(shù)據(jù)綁定：在 Web 窗體頁面中，可以對控件的任何屬性進行數(shù)據(jù)綁定。此外，還有幾種 Web 控件可以用來提交數(shù)據(jù)源的內(nèi)容。 在 HTML 標記中，Web 控件會表示為具有命名空間的標記，即帶有前綴的標記。前綴用于將標記映射到運行時組件的命名空間。標記的其余部分是運行時類自身的名稱。與 HTML 控件相似，這些標記也必須包含 runat=server 屬性。下面是一個聲明的示例：asp:TextBox id=textBox1 runat=server Text=基督山伯爵/asp:TextBox在上例中，asp

8、是標記前綴，會映射到 System.Web.UI.WebControls 命名空間。圖 2. ASP+ Web 控件文本顯示 Label 控件用于在頁面中顯示只讀的靜態(tài)文本或數(shù)據(jù)綁定的文本：asp:Label runat=server Text=Label1 Font-Italic=true/asp:Label輸入控件 Web 控件組中包含的一些控件，允許最終用戶輸入將由服務器上的頁面處理的數(shù)據(jù)。TextBox 控件用于提供文本編輯能力。與 Label 控件相似，這里的文本也可以是數(shù)據(jù)綁定的。TextBox 控件支持多種模式，可以用來實現(xiàn)單行輸入、多行輸入和密碼輸入：asp:TextBox r

9、unat=server Text=TextBox1/asp:TextBoxasp:TextBox runat=server Mode=Multiline Rows=3TextBox1/asp:TextBoxasp:TextBox runat=server Mode=Password/asp:TextBoxCheckBox 控件用于生成能夠在選中和清除這兩種狀態(tài)間切換的復選框：asp:CheckBox runat=server Text=CheckBox1 Checked=True/asp:CheckBox RadioButton 控件與 CheckBox 控件相似，但使用時通常會與其它 Rad

10、ioButton 控件組成一組，以提供一組互斥的選項：asp:RadioButton runat=server Text=RadioButton1 GroupName=Group1 Checked=true/asp:RadioButtonasp:RadioButton runat=server Text=RadioButton2 GroupName=Group1/asp:RadioButton圖像顯示 Image 控件能夠在頁面上顯示圖像：asp:Image runat=server ImageUrl=net.gif/asp:Image版面控件 Panel 控件常用作簡單的組合控件以及動態(tài)創(chuàng)建

11、的控件的容器。（請注意，Panel 控件通常不具有可見的外觀。）asp:Panel runat=server/asp:PanelTable 控件與相關的 TableRow 和 TableCell 控件相結(jié)合，可以用來以編程的方法創(chuàng)建表或表式版面布局asp:Table runat=server GridLines=Both BorderWidth=1pxasp:TableRowasp:TableCell0,0/asp:TableCellasp:TableCell0,1/asp:TableCell/asp:TableRowasp:TableRowasp:TableCell1,0/asp:Table

12、Cellasp:TableCell1,1/asp:TableCell/asp:TableRow/asp:Table日期選擇 Calendar 控件能夠讓用戶瀏覽日期并進行日期選擇（包括選擇日期范圍）：asp:Calendar runat=server DayNameFormat=FirstLetter .property name=SelectedDayStyleasp:TableItemStyle Font-Bold=True BackColor=#CCCCFF/property./asp:Calendar列表綁定控件 列表綁定控件用于顯示與其相關聯(lián)的數(shù)據(jù)源或列表的內(nèi)容。它們提供了創(chuàng)建多種自

13、定義及標準版式的能力。關于數(shù)據(jù)邦定，我們會用一個章節(jié)的內(nèi)容來完整的說它。Repeater 控件是一個簡單的列表綁定控件，它使用模板（即用于設定版式的 HTML 代碼片斷）來以一種樸實無華的，即沒有預定義外觀的方式顯示數(shù)據(jù)源的內(nèi)容：asp:Repeater runat=servertemplate name=HeaderTemplateol/templatetemplate name=ItemTemplatelia runat=server href=%# DataBinder.Eval(Container.DataItem, SiteURL %# DataBinder.Eval(Contain

14、er.DataItem, SiteName %/a/li/templatetemplate name=FooterTemplate/ol/template/asp:RepeaterDataList 控件也使用模板來顯示與之綁定的數(shù)據(jù)源的內(nèi)容。此外，它還提供了自定義外觀格式和布局的功能：asp:DataList runat=servertemplate name=ItemTemplate%# DataBinder.Eval(Container.DataItem, PersonName %./template./asp:DataListDataGrid 控件能夠創(chuàng)建格式豐富的列表版式，用來顯示與之

15、綁定的數(shù)據(jù)源的內(nèi)容。它提供了對排序、編輯和分頁的支持。asp:DataGrid runat=server .property name=Columnsasp:BoundColumn HeaderText=ID ././property. /asp:DataGridValidation 控件 Validation 控件簡化了對用戶輸入的內(nèi)容進行驗證的工作。它們能自動為上層瀏覽器生成客戶機端腳本，以便在進行回傳前，在用戶的計算機上進行驗證，從而實現(xiàn)了交互性和對用戶友好性更加良好的頁面。與此同時，它們也能在服務器上作為第二道防線來完成同樣的工作。有關的參考資料一節(jié)中列出的其它文章對此進行了詳細說明。

16、 RequiredFieldValidator 控件用于確保用戶填寫了必須輸入的那些輸入控件。RangeValidator 控件用于檢查用戶輸入的內(nèi)容在有效取值范圍之內(nèi)。這對于數(shù)字或日期類型的輸入內(nèi)容十分有用。CompareValidator 控件用于對比一個控件中的輸入內(nèi)容與另一個控件中的輸入內(nèi)容。RegularExpressionValidator 控件能夠檢查用戶輸入的內(nèi)容是否符合作為標準的規(guī)范表達式（或字符串模式）。CustomValidator 控件允許您提供自定義的服務器端和客戶機端驗證邏輯。ValidationSummary 控件能夠提供由驗證控件生成的所有錯誤信息的概要。 零雜

17、控件 這個，我們會在第四講，驗證表單內(nèi)容中詳細闡述AdRotator 控件用于顯示廣告或橫幅。廣告的有關信息（包括其圖像的 URL）使用 XML 文件來定義：asp:AdRotator runat=server AdvertisementFile=AdsList.xml/asp:AdRotator2.5 HTML 控件，WEB控件，都可以產(chǎn)生一樣的效果，到底誰優(yōu)誰劣？在開發(fā)這些控件時，我們反復地問自己，是否真的有必要同時提供具有一些重復功能的 HTML 控件組和 Web 控件組。您肯定也想了解 HTML 控件和 Web 控件究竟有什么異同，以及它們各自適用的場合。這兩組控件的異同可以通過以下方

18、面來比較?？丶橄?HTML 控件不具備任何抽象能力。每種控件與 HTML 標記都是一一對應的（請參見表 1）。Web 控件創(chuàng)建了更高級別的抽象，它們沒有任何對應的 HTML 標記（如 Calendar 和 DataGrid）。因為它們不直接映射為 HTML 標記，所以 Web 控件還能夠在適當?shù)膱龊掀鸬胶喜⒐δ艿淖饔茫ɡ缬靡粋€ TextBox 控件來代替多個標記）。這種抽象為使用第三方提供的種類豐富的控件工具箱打開了方便之門。 對象模型 HTML 控件提供了以 HTML 為中心的對象模型。每種控件都包括一個屬性集，可以使用該屬性集來控制標記的屬性。這個屬性集使用了字符串名/值對，并且不是強

19、類型的。 在使用 HTML 控件時，您的編程方式與使用傳統(tǒng)的 ASP 進行編程十分類似。因而，HTML 控件提供了一條快捷的移植途徑 - 可以通過添加一個 runat=server 屬性來將一個標記轉(zhuǎn)變?yōu)橐粋€服務器控件。Web 控件提供了基于表單的、類似于 Visual Basic 的編程模式。它們也提供了屬性集，但它們的主要目標在于提供一種格式豐富、類型安全且具有一致性的對象模型。每種 Web 控件都包含一組標準的屬性，如 ForeColor、BackColor、Font 等。 這種對象模型還在像 Visual Studio .NET 這樣的設計工具中提供了更豐富的設計時體驗。目標瀏覽器 H

20、TML 控件不會自動檢測請求頁面的瀏覽器的能力，也不會修改它們提供的 HTML。在使用這組控件時，您要負責確保您的頁面能同時在高級和低級瀏覽器上工作。Web 控件能夠自動對它們生成的結(jié)果進行調(diào)整，以確保輸出結(jié)果在高級瀏覽器和低級瀏覽器上的工作同樣出色。Web 控件還能夠針對不同的瀏覽器提供不同的行為，從而充分發(fā)揮瀏覽器的潛力。例如，validation 控件還可以通過客戶端的腳本來創(chuàng)建用于高級瀏覽器的具有高度交互性的頁面。對生成的 HTML 的控制 HTML 控件允許您完全控制所顯示的內(nèi)容以及發(fā)送到客戶機瀏覽器的內(nèi)容。Web 控件提供了更為豐富的對象模型，以及適應多種瀏覽器的能力。因而，它們沒

21、有提供對輸出結(jié)果的相同程度的控制能力。 在您開發(fā) Web 應用程序時，您可以根據(jù)這兩組控件的能力以及您的需求來從中進行選擇。您還可以選擇在同一頁上混合使用這兩組控件，使用一種類型的控件并不妨礙您同時使用另一種類型的控件。2.6 修飾和打扮你的控件span style=font: 12pt verdana; color:orange;font-weight:700 runat=serverThis is some literal text inside a styled span control/span注意畫線部分，漂亮的字button style=font: 8pt verdana;back

22、ground-color:lightgreen;border-color:black;width:100 runat=serverClick me!/button漂亮的按鈕，有圓角，很Cool，不用自己用Photoshop做了input type=text value=One, Two, Three style=font: 14pt verdana;background-color:yellow;border-style:dashed;border-color:red;width:300; runat=server/虛線框哦，也不用Photoshop就可以做了，style很強大。asp:Cal

23、ender 控件中form runat=serverASP:Calendar runat=serverBackColor=Beige ForeColor=BrownBorderWidth=3BorderStyle=SolidBorderColor=BlackHeight=450Width=450Font-Size=12ptFont-Name=Tahoma,ArialFont-Underline=falseCellSpacing=2CellPadding=2 ShowGridLines=true/form注意有顏色部分，這部分就是對控件的修飾，它的作用，就是讓你的Web窗體更漂亮。ASP:Cal

24、endar CssClass=calstyle runat=serverBackColor=Beige ForeColor=BrownBorderWidth=3BorderStyle=SolidBorderColor=BlackHeight=450Width=450Font-Size=12ptFont-Name=Tahoma,ArialFont-Underline=falseCellSpacing=2CellPadding=2 ShowGridLines=trueTitleStyle-BorderColor=darkolivegreenTitleStyle-BorderWidth=3TitleStyle-BackColor=olivedrab TitleStyle-Height=50pxDayHeaderStyle-BorderColor=