ASPNET__3服務(wù)器端控件(1)

1、安徽機(jī)電職業(yè)技術(shù)學(xué)院信息工程系安徽機(jī)電職業(yè)技術(shù)學(xué)院信息工程系汪汪 學(xué)學(xué) 文文wxwAspDotN2013年年3月月q本課要點(diǎn)：本課要點(diǎn)：了解和使用各種服務(wù)器控件了解和使用各種服務(wù)器控件使用文本框、列表框等標(biāo)準(zhǔn)控件輸入數(shù)據(jù)使用文本框、列表框等標(biāo)準(zhǔn)控件輸入數(shù)據(jù)使用驗(yàn)證控件確保輸入數(shù)據(jù)的正確性使用驗(yàn)證控件確保輸入數(shù)據(jù)的正確性使用文件上傳控件、日歷控件等使用文件上傳控件、日歷控件等RichRich控件控件了解導(dǎo)航控件和用戶控件的使用了解導(dǎo)航控件和用戶控件的使用q本課示例請參見課件文件夾下本課示例請參見課件文件夾下AspDotNetLesson3_1文件夾，虛擬目錄配置文件夾，虛擬目錄配置為為AspDo

2、tNetLesson3_12qWebWeb窗體是一個窗口類對象，由代碼、標(biāo)記、正文文窗體是一個窗口類對象，由代碼、標(biāo)記、正文文本和服務(wù)器控件組成。本和服務(wù)器控件組成。q在在ASP.NETASP.NET頁面元素中，除頁面元素中，除HtmlHtml標(biāo)記外，所有控件實(shí)標(biāo)記外，所有控件實(shí)際上是在服務(wù)器端運(yùn)行的。際上是在服務(wù)器端運(yùn)行的。q所有服務(wù)器控件都必須放在所有服務(wù)器控件都必須放在form =“server”與與標(biāo)記之間。標(biāo)記之間。q所有服務(wù)器控件都必須使用所有服務(wù)器控件都必須使用runatrunat=“server”=“server”屬性。屬性。3q不僅僅是頁面上的表不僅僅是頁面上的表單元素。單元

3、素。qASP.NETASP.NET是想將頁面是想將頁面上所有的內(nèi)容都用控上所有的內(nèi)容都用控件表示。件表示。4q聲明控件的第聲明控件的第1 1種方法種方法asp:Label id=message Text=server/asp:Button id=enter Text=server /q聲明控件的第聲明控件的第2 2種方法種方法asp:Label id=message =server歡迎大家歡迎大家asp:Button id=enter Text=server 5q控件的類型控件的類型HTMLHTML服務(wù)器控件服務(wù)器控件WebWeb服務(wù)器控件服務(wù)器控件qASP.NET 2.0ASP.NET 2.

4、0提供了豐富的提供了豐富的WebWeb服務(wù)器控件：服務(wù)器控件：標(biāo)準(zhǔn)控件標(biāo)準(zhǔn)控件ListList控件控件( (列表控件列表控件) )驗(yàn)證控件驗(yàn)證控件RichRich控件控件( (高級控件高級控件) )導(dǎo)航控件導(dǎo)航控件登錄控件等等登錄控件等等6q這一類控件是主要是為了保留原來的這一類控件是主要是為了保留原來的HTMLHTML元素標(biāo)記。元素標(biāo)記。一般和原來的一般和原來的HTMLHTML標(biāo)記一一對應(yīng)，只是增加了標(biāo)記一一對應(yīng)，只是增加了runatrunat=“server”=“server”。7q標(biāo)準(zhǔn)控件幾乎是每個標(biāo)準(zhǔn)控件幾乎是每個ASP.NETASP.NET應(yīng)用程序都要用到的。應(yīng)用程序都要用到的。主要

5、包括：主要包括：顯示信息的顯示信息的LabelLabel和和LiteralLiteral控件控件接受用戶輸入的接受用戶輸入的TextBoxTextBox、CheckBoxCheckBox、RadioButtonRadioButton控件控件提交表單數(shù)據(jù)的提交表單數(shù)據(jù)的ButtonButton、LinkButtonLinkButton和和ImageButtonImageButton控件控件顯示圖像的顯示圖像的ImageImage和和ImageMapImageMap控件控件其它控件其它控件(Panel(Panel控件和控件和HyperLinkHyperLink控件控件) )8q如果需要動態(tài)地修改顯

6、示在頁面中的文本，可以使用如果需要動態(tài)地修改顯示在頁面中的文本，可以使用LabelLabel控件?？丶?。qLabelLabel控件的內(nèi)容會由服務(wù)器端轉(zhuǎn)譯成控件的內(nèi)容會由服務(wù)器端轉(zhuǎn)譯成標(biāo)簽。標(biāo)簽。protected void Page_Load(object sender, EventArgs e) / 顯示時間顯示時間 lblTime.Text = DateTime.Now.ToString(T);ShowLabel.aspx9qLabelLabel控件的格式化屬性控件的格式化屬性BackColorBackColor：背景色背景色BorderColorBorderColor：邊框色邊框色Bor

7、derStyleBorderStyle：邊框樣式邊框樣式BorderWidthBorderWidth：邊框?qū)挾冗吙驅(qū)挾菴ssClassCssClass：關(guān)聯(lián)的關(guān)聯(lián)的CSSCSS類類FontFont：字體字體ForeColoeForeColoe：前景色前景色ToolTipToolTip：工具提示工具提示q一般建議：避免使用格式屬一般建議：避免使用格式屬性，而使用性，而使用CSSCSS來格式化來格式化LabelLabel控件的輸出內(nèi)容。控件的輸出內(nèi)容。ShowLabel.aspx .labelstyle color:red; background-color:yellow; border:Soli

8、d 2px Red; 10qLabel控件的控件的AssociatedControlID屬性的作用：一是屬性的作用：一是方便讀屏器等程序正確地識別標(biāo)簽和表單，二是當(dāng)點(diǎn)方便讀屏器等程序正確地識別標(biāo)簽和表單，二是當(dāng)點(diǎn)擊標(biāo)簽時，自動把表單焦點(diǎn)設(shè)置為相應(yīng)的表單輸入框。擊標(biāo)簽時，自動把表單焦點(diǎn)設(shè)置為相應(yīng)的表單輸入框。 11qLiteralLiteral控件類似于控件類似于LabelLabel控件，區(qū)別在于，控件，區(qū)別在于，LiteralLiteral控件在轉(zhuǎn)控件在轉(zhuǎn)譯時不產(chǎn)生譯時不產(chǎn)生標(biāo)記，因此，它沒有格式化屬性。標(biāo)記，因此，它沒有格式化屬性。使用使用Literal控件修改瀏覽器標(biāo)題控件修改瀏覽器標(biāo)題S

9、howLabel.aspx12q主要使用主要使用TextBox、CheckBox、RadioButton等控件等控件來接收用戶輸入，對應(yīng)于來接收用戶輸入，對應(yīng)于Html的的標(biāo)簽。標(biāo)簽。qTextBox控件控件TextMode: Single | Multiline | PasswordText: 顯示的文字顯示的文字MaxLength: 整數(shù)，表示輸入的最大的字符數(shù)整數(shù)，表示輸入的最大的字符數(shù)Rows: 整數(shù)，當(dāng)為多行文本時的行數(shù)整數(shù)，當(dāng)為多行文本時的行數(shù)Columns 整數(shù)，當(dāng)為多行文本時的列數(shù)整數(shù)，當(dāng)為多行文本時的列數(shù)Wrap: True | False，表示是否允許換行，默認(rèn)為表示是否允

10、許換行，默認(rèn)為TrueAutoPostBack: True | False OnTextChanged: 當(dāng)文字改變時觸發(fā)的事件過程當(dāng)文字改變時觸發(fā)的事件過程13ShowTextBox.aspx14q主要屬性：主要屬性：Text:Text:控件上顯示的文字控件上顯示的文字TextAlignTextAlign：對齊方式對齊方式Checked:Checked:是否選中是否選中AutoPostBackAutoPostBack: :是否自動回傳是否自動回傳q主要方法：主要方法：FocusFocus：設(shè)為本控件為輸入焦點(diǎn)設(shè)為本控件為輸入焦點(diǎn)q主要事件：主要事件：CheckedChangedChecked

11、Changed：選中或取消選中時，在服務(wù)器端引發(fā)選中或取消選中時，在服務(wù)器端引發(fā)q多個多個CheckBoxCheckBox時，建議使用時，建議使用CheckBoxListCheckBoxList控件控件15q主要屬性：主要屬性：Text:Text:控件上顯示的文字控件上顯示的文字TextAlignTextAlign: :對齊方式對齊方式Checked:Checked:是否選中是否選中GroupNameGroupName: :同一頁面的單選鈕要分組時，同一組的單選鈕同一頁面的單選鈕要分組時，同一組的單選鈕要使用同一個組名要使用同一個組名AutoPostBackAutoPostBack: :是否回

12、傳是否回傳q主要方法：主要方法：FocusFocus：設(shè)為本控件為輸入焦點(diǎn)設(shè)為本控件為輸入焦點(diǎn)q主要事件：主要事件：CheckedChangedCheckedChanged：選中或取消選中時，在服務(wù)器端引發(fā)選中或取消選中時，在服務(wù)器端引發(fā)q多個單選鈕時，建議使用多個單選鈕時，建議使用RadioButtonListRadioButtonList控件控件16ShowCheckBox.aspx17 protected void btnSubmit_Click(object sender, EventArgs e) lblResult.Text = 您的選擇如下：您的選擇如下：;/ 判斷復(fù)選框是否選中

13、判斷復(fù)選框是否選中if (chkNewsletter.Checked) lblResult.Text += 愿意接收郵件列表愿意接收郵件列表;else lblResult.Text += 不愿意接收郵件列表不愿意接收郵件列表;/ 判斷單選鈕哪個選中判斷單選鈕哪個選中string s = null;if (rbMagazine.Checked) s = rbMagazine.Text;if (rbTV.Checked) s = rbTV.Text;if (rbOther.Checked) s = rbOther.Text;lblResult.Text += 您是從您是從 + s + 獲悉我們的網(wǎng)

14、站獲悉我們的網(wǎng)站; ShowCheckBox.aspx.cs18qButton, Button, LinkButtonLinkButton, , ImageButtonImageButton控件用于向服務(wù)控件用于向服務(wù)器提交表單數(shù)據(jù)。這器提交表單數(shù)據(jù)。這3 3個控件具有相同的功能，卻具個控件具有相同的功能，卻具有不同的外觀。有不同的外觀。 Button控件生成普通的按鈕，產(chǎn)控件生成普通的按鈕，產(chǎn)生的生的Html輸出為輸出為 LinkButton控件生成一個鏈接，控件生成一個鏈接，使用使用JavaScript把表單傳回服務(wù)器：把表單傳回服務(wù)器：提交提交 ImageButton控件與控件與Butt

15、on控件類控件類似，只是總是使用圖片。似，只是總是使用圖片。ShowButton.aspx19q設(shè)置按鈕控件的設(shè)置按鈕控件的PostBackUrlPostBackUrl屬性，可以把表單數(shù)據(jù)屬性，可以把表單數(shù)據(jù)提交到其它頁面。提交到其它頁面。ShowButton.aspxButtonSearchResults.aspx20 protected void Page_Load(object sender, EventArgs e) if (PreviousPage != null) TextBox tbName = (TextBox)PreviousPage.FindControl(tbName);

16、 lblSearch.Text = 姓名：姓名： + tbName.Text; 21q使用使用FormForm控件的控件的DefaultButtonDefaultButton屬性來指定表單的默屬性來指定表單的默認(rèn)按鈕，可以按回車鍵來調(diào)用這個按鈕。認(rèn)按鈕，可以按回車鍵來調(diào)用這個按鈕。22Default.aspx23 protected void btnSubmit_Click(object sender, EventArgs e) lblMessage.Text = 您輸入的個人信息為：您輸入的個人信息為：; lblMessage.Text += 姓名姓名: + tbName.Text + ;

17、if (rbMale.Checked) lblMessage.Text += 性別性別:男男; if (rbFemale.Checked) lblMessage.Text += 性別性別:女女; if (cbTour.Checked) lblMessage.Text += 愛好愛好:旅游旅游; if (cbNetworking.Checked) lblMessage.Text += 愛好愛好:上網(wǎng)上網(wǎng); if (cbShopping.Checked) lblMessage.Text += 愛好愛好:購物購物; lblMessage.Text += 地址地址: + ddlCity.Selecte

18、dItem.Text + ; lblMessage.Text += 簡介簡介: + tbBrief.Text + ; 24qImage控件控件主要屬性：主要屬性： AlternateText:為圖像提供替代文本為圖像提供替代文本 DescriptionURL：指向詳細(xì)描述的圖像鏈接指向詳細(xì)描述的圖像鏈接 GenerateEmptyAlternateText: 為為AlternateText設(shè)置為空串設(shè)置為空串 ImageAlign:對齊方式對齊方式 ImageURL:指定圖片的指定圖片的URLShowImage.aspx25 protected void Page_Load(object se

19、nder, EventArgs e) Random r = new Random(); switch (r.Next(3) case 0: imgRadom.ImageUrl = Picture1.gif; imgRadom.AlternateText = Picture1; break; case 1: imgRadom.ImageUrl = Picture2.gif; imgRadom.AlternateText = Picture2; break; case 2: imgRadom.ImageUrl = Picture3.gif; imgRadom.AlternateText = Pic

20、ture3; break; 26qImageMapImageMap控件用于在頁面上顯示圖像，并可以劃分控件用于在頁面上顯示圖像，并可以劃分“熱區(qū)熱區(qū)”。點(diǎn)擊圖像上不同的區(qū)域，可以鏈接不同的。點(diǎn)擊圖像上不同的區(qū)域，可以鏈接不同的頁面。頁面。q也可以把圖像映射當(dāng)成一個奇特的導(dǎo)航條使用。也可以把圖像映射當(dāng)成一個奇特的導(dǎo)航條使用。q注意注意HotSpotModeHotSpotMode屬性和屬性和HotSpotHotSpot屬性的設(shè)置。屬性的設(shè)置。ImageMenu.aspx27 protected void mapMenu_Click(object sender, ImageMapEventArgs

21、e) switch (e.PostBackValue) case ToUpper: tbText.Text = tbText.Text.ToUpper(); break; case ToLower: tbText.Text = tbText.Text.ToLower(); break; case Erase: tbText.Text = String.Empty; break; 28qPanelPanel控件用于處理一組控件用于處理一組ASP.NETASP.NET控件。如隱藏或顯示控件。如隱藏或顯示一組控件。一組控件。Default2.aspx29q主要屬性主要屬性DefaultButtonD

22、efaultButton: :指定默認(rèn)按鈕指定默認(rèn)按鈕DirectionDirection：控件顯示文本的方向控件顯示文本的方向HorizontalAlignHorizontalAlign：橫向?qū)R方式橫向?qū)R方式ScrollBarsScrollBars：滾動條顯示方式滾動條顯示方式qPlaceHolderPlaceHolder( (占位符占位符) )控件與控件與PanelPanel控件類似，主要用控件類似，主要用于編程時，動態(tài)添加各種控件。于編程時，動態(tài)添加各種控件。30qHyperLinkHyperLink控件用于創(chuàng)建超鏈接?？丶糜趧?chuàng)建超鏈接。q主要屬性：主要屬性：Enable:falseEnable:false時禁用該超鏈接時禁用該超鏈接ImageUrlImageUrl: :為超鏈接指定圖片為超鏈接指定圖片Navigat