3服務(wù)器端控件(1)VIP

1、安徽機(jī)電職業(yè)技術(shù)學(xué)院信息工程系安徽機(jī)電職業(yè)技術(shù)學(xué)院信息工程系汪汪 學(xué)學(xué) 文文wxwAspDotN2011年年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本課示例請(qǐng)參見課件文件夾下本課示例請(qǐng)參見課件文件夾下AspDotNetLesson3_1文件夾，虛擬目錄配置文件夾，虛擬目錄配置為為AspDo

2、tNetLesson3_12qWebWeb窗體是一個(gè)窗口類對(duì)象，由代碼、標(biāo)記、正文文窗體是一個(gè)窗口類對(duì)象，由代碼、標(biāo)記、正文文本和服務(wù)器控件組成。本和服務(wù)器控件組成。q在在ASP.NETASP.NET頁(yè)面元素中，除頁(yè)面元素中，除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不僅僅是頁(yè)面上的表不僅僅是頁(yè)面上的表單元素。單元

3、素。qASP.NETASP.NET是想將頁(yè)面是想將頁(yè)面上所有的內(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控件控件( (高級(jí)控件高級(jí)控件) )導(dǎo)航控件導(dǎo)航控件登錄控件等等登錄控件等等6q這一類控件是主要是為了保留原來的這一類控件是主要是為了保留原來的HTMLHTML元素標(biāo)記。元素標(biāo)記。一般和原來的一般和原來的HTMLHTML標(biāo)記一一對(duì)應(yīng)，只是增加了標(biāo)記一一對(duì)應(yīng)，只是增加了runatrunat=“server”=“server”。q常用常用HtmlHtml服務(wù)器控件請(qǐng)參見教材服務(wù)器控件請(qǐng)參見教材P35P35表表3.13.17q標(biāo)準(zhǔn)控件幾乎是

5、每個(gè)標(biāo)準(zhǔn)控件幾乎是每個(gè)ASP.NETASP.NET應(yīng)用程序都要用到的。應(yīng)用程序都要用到的。主要包括：主要包括：顯示信息的顯示信息的LabelLabel和和LiteralLiteral控件控件接受用戶輸入的接受用戶輸入的TextBoxTextBox、CheckBoxCheckBox、RadioButtonRadioButton控件控件提交表單數(shù)據(jù)的提交表單數(shù)據(jù)的ButtonButton、LinkButtonLinkButton和和ImageButtonImageButton控件控件顯示圖像的顯示圖像的ImageImage和和ImageMapImageMap控件控件其它控件其它控件(Panel(P

6、anel控件和控件和HyperLinkHyperLink控件控件) )8q如果需要?jiǎng)討B(tài)地修改顯示在頁(yè)面中的文本，可以使用如果需要?jiǎng)討B(tài)地修改顯示在頁(yè)面中的文本，可以使用LabelLabel控件?？丶LabelLabel控件的內(nèi)容會(huì)由服務(wù)器端轉(zhuǎn)譯成控件的內(nèi)容會(huì)由服務(wù)器端轉(zhuǎn)譯成標(biāo)簽。標(biāo)簽。protected void Page_Load(object sender, EventArgs e) / 顯示時(shí)間顯示時(shí)間 lblTime.Text = DateTime.Now.ToString(T);ShowLabel.aspx9qLabelLabel控件的格式化屬性控件的格式化屬性BackColorB

7、ackColor：背景色背景色BorderColorBorderColor：邊框色邊框色BorderStyleBorderStyle：邊框樣式邊框樣式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

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

9、性。標(biāo)記，因此，它沒有格式化屬性。使用使用Literal控件修改瀏覽器標(biāo)題控件修改瀏覽器標(biāo)題ShowLabel.aspx12q主要使用主要使用TextBox、CheckBox、RadioButton等控件等控件來接收用戶輸入，對(duì)應(yīng)于來接收用戶輸入，對(duì)應(yīng)于Html的的標(biāo)簽。標(biāo)簽。qTextBox控件控件TextMode: Single | Multiline | PasswordText: 顯示的文字顯示的文字MaxLength: 整數(shù)，表示輸入的最大的字符數(shù)整數(shù)，表示輸入的最大的字符數(shù)Rows: 整數(shù)，當(dāng)為多行文本時(shí)的行數(shù)整數(shù)，當(dāng)為多行文本時(shí)的行數(shù)Columns 整數(shù)，當(dāng)為多行文本時(shí)的列數(shù)整數(shù)

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

11、為輸入焦點(diǎn)設(shè)為本控件為輸入焦點(diǎn)q主要事件：主要事件：CheckedChangedCheckedChanged：選中或取消選中時(shí)，在服務(wù)器端引發(fā)選中或取消選中時(shí)，在服務(wù)器端引發(fā)q多個(gè)多個(gè)CheckBoxCheckBox時(shí)，建議使用時(shí)，建議使用CheckBoxListCheckBoxList控件控件15q主要屬性：主要屬性：Text:Text:控件上顯示的文字控件上顯示的文字TextAlignTextAlign: :對(duì)齊方式對(duì)齊方式Checked:Checked:是否選中是否選中GroupNameGroupName: :同一頁(yè)面的單選鈕要分組時(shí)，同一組的單選鈕同一頁(yè)面的單選鈕要分組時(shí)，同一組的單選

12、鈕要使用同一個(gè)組名要使用同一個(gè)組名AutoPostBackAutoPostBack: :是否回傳是否回傳q主要方法：主要方法：FocusFocus：設(shè)為本控件為輸入焦點(diǎn)設(shè)為本控件為輸入焦點(diǎn)q主要事件：主要事件：CheckedChangedCheckedChanged：選中或取消選中時(shí)，在服務(wù)器端引發(fā)選中或取消選中時(shí)，在服務(wù)器端引發(fā)q多個(gè)單選鈕時(shí)，建議使用多個(gè)單選鈕時(shí)，建議使用RadioButtonListRadioButtonList控件控件16ShowCheckBox.aspx17 protected void btnSubmit_Click(object sender, EventArgs

13、 e) lblResult.Text = 您的選擇如下：您的選擇如下：;/ 判斷復(fù)選框是否選中判斷復(fù)選框是否選中if (chkNewsletter.Checked) lblResult.Text += 愿意接收郵件列表愿意接收郵件列表;else lblResult.Text += 不愿意接收郵件列表不愿意接收郵件列表;/ 判斷單選鈕哪個(gè)選中判斷單選鈕哪個(gè)選中string s = null;if (rbMagazine.Checked) s = rbMagazine.Text;if (rbTV.Checked) s = rbTV.Text;if (rbOther.Checked) s = rbO

14、ther.Text;lblResult.Text += 您是從您是從 + s + 獲悉我們的網(wǎng)站獲悉我們的網(wǎng)站; ShowCheckBox.aspx.cs18qButton, Button, LinkButtonLinkButton, , ImageButtonImageButton控件用于向服務(wù)控件用于向服務(wù)器提交表單數(shù)據(jù)。這器提交表單數(shù)據(jù)。這3 3個(gè)控件具有相同的功能，卻具個(gè)控件具有相同的功能，卻具有不同的外觀。有不同的外觀。 Button控件生成普通的按鈕，產(chǎn)控件生成普通的按鈕，產(chǎn)生的生的Html輸出為輸出為 LinkButton控件生成一個(gè)鏈接，控件生成一個(gè)鏈接，使用使用JavaScr

15、ipt把表單傳回服務(wù)器：把表單傳回服務(wù)器：提交提交 ImageButton控件與控件與Button控件類控件類似，只是總是使用圖片。似，只是總是使用圖片。ShowButton.aspx19q設(shè)置按鈕控件的設(shè)置按鈕控件的PostBackUrlPostBackUrl屬性，可以把表單數(shù)據(jù)屬性，可以把表單數(shù)據(jù)提交到其它頁(yè)面。提交到其它頁(yè)面。ShowButton.aspxButtonSearchResults.aspx20 protected void Page_Load(object sender, EventArgs e) if (PreviousPage != null) TextBox tbNa

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

17、為：; lblMessage.Text += 姓名姓名: + tbName.Text + ; 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 += 愛好愛好:購(gòu)

18、物購(gòu)物; lblMessage.Text += 地址地址: + ddlCity.SelectedItem.Text + ; lblMessage.Text += 簡(jiǎn)介簡(jiǎn)介: + tbBrief.Text + ; 24qImage控件控件主要屬性：主要屬性： AlternateText:為圖像提供替代文本為圖像提供替代文本 DescriptionURL：指向詳細(xì)描述的圖像鏈接指向詳細(xì)描述的圖像鏈接 GenerateEmptyAlternateText: 為為AlternateText設(shè)置為空串設(shè)置為空串 ImageAlign:對(duì)齊方式對(duì)齊方式 ImageURL:指定圖片的指定圖片的URLShow

19、Image.aspx25 protected void Page_Load(object sender, 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.ImageU

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

21、mapMenu_Click(object sender, ImageMapEventArgs 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主要屬性主要屬性DefaultButtonDefaultButton: :指定默認(rèn)按鈕指定默認(rèn)按鈕DirectionDirection：控件顯示文本的方向控件顯示文本的方向HorizontalAlignHorizontalAlign：橫向?qū)R方式橫向?qū)R方式ScrollBarsScrollBars：滾動(dòng)條顯示方式滾動(dòng)條顯示方式qPlaceHolderPla