《ASP.NET4.0程序設(shè)計(jì)案例教程》課件-第3章-ASP.NET服務(wù)器控件

第3章ASP.NET的服務(wù)器控件本章學(xué)習(xí)目標(biāo)掌握服務(wù)器控件的基本屬性；在頁(yè)面中使用各種按鈕服務(wù)器控件；掌握列表控件的常用屬性和事件；熟練應(yīng)用圖像服務(wù)器控件；3.1服務(wù)器控件類

3.1.1服務(wù)器控件的基本屬性3.1.2服務(wù)器控件的事件3.1.1服務(wù)器控件的基本屬性

服務(wù)器控件的基類WebControl定義了一些可以應(yīng)用于幾乎所有的服務(wù)器控件的基本屬性，涵蓋了控件的外觀，行為，布局和可訪問(wèn)性等方面。1.外觀屬性1).BackColor和ForeColor屬性2).Border屬性3).Font屬性

2.行為屬性1)Enabled屬性 2)ToolTip屬性3)Visible屬性3.可訪問(wèn)屬性1)AccessKey屬性2)TabIndex屬性4.布局屬性3.1.2服務(wù)器控件的事件1.服務(wù)器控件的事件模型Web控件的事件模型是：客戶端捕捉到事件信息后，通過(guò)HTTPPOST將事件信息傳輸?shù)椒?wù)器，而且頁(yè)框架必須解釋該P(yáng)OST以確定所發(fā)生的事件，然后在要處理該事件的服務(wù)器上設(shè)用代碼中的相應(yīng)方法。

服務(wù)器控件的事件事件支持的控件功能ClickButton,ImageButton單擊事件TextChangedTextBox輸入焦點(diǎn)變化SelectedIndexChangedDropDownList,ListBox,CheckBoxList,RadioButtonList選擇項(xiàng)變化1.服務(wù)器控件事件的綁定1).在ASP.NET頁(yè)面中，在聲明控件時(shí)指定該控件的事件對(duì)應(yīng)的事件處理程序，例如把一個(gè)Button控件的click事件綁定到名為ButtonClick的方法<asp:buttonid="Button1"runat="server"text="按鈕"onclick="ButtonClick"/>2).如果控件是動(dòng)態(tài)創(chuàng)建的，則需要使用代碼動(dòng)態(tài)地綁定事件到方法Buttonbtn=newButton;btn.Click+=newSystem.EventHandler(ButtonClick);

3.2常用web標(biāo)準(zhǔn)服務(wù)器控件

3.2.1Label標(biāo)簽控件3.2.2TextBox控件3.2.3ImageMap控件3.2.4Button、LinkButton和ImageButton控件3.2.5CheckBox控件和CheckBoxList控件3.2.6RadioButton和RadioButtonList控件3.2.7DropDownList、ListBox,BulletedList控件3.2.8Literal和Panel控件3.2.9MultiView和View控件3.2.10FileUpload控件3.2.11Calendar控件3.2.1Label標(biāo)簽控件1.Label控件語(yǔ)法<asp:LabelID="控件名"runat="server"Text="名稱"></asp:Label>2.Label控件常用屬性Label控件常用屬性為text，用于在控件上顯示文本，屬性值類型為"string"，可以和內(nèi)容一起嵌入html標(biāo)記，從而進(jìn)一步格式化文本。如果要顯示靜態(tài)文本，可使用html元素，不需要Label控件。

3.2.2TextBox控件1.TextBox控件語(yǔ)法:<asp:TextBoxID=“控件ID”Text=“顯示名稱”runat=“server”TextMode=“SingleLine”AutoPostBack=“True”Colomns=“5”MaxLength=“最大字符數(shù)”Wrap=“True”O(jiān)nTextChanged=“事件名”></asp:TextBox>2)TextBox控件常見(jiàn)屬性屬性說(shuō)明AutoPostBack該屬性得到或設(shè)置一個(gè)值，表示用戶改變TextBox控件的文本時(shí)，是否將自動(dòng)生成事件

，屬性值為T(mén)rue或False，默認(rèn)值是FalseColumns該屬性得到或設(shè)置文本框的寬度，類型是int，以字符為單位MaxLength該屬性得到或設(shè)置允許輸入的最大字符數(shù)，類型為intReadOnly該屬性鎖定文本框，鎖定后，用戶無(wú)法輸入任何內(nèi)容，屬性值為T(mén)rue或FalseText該屬性得到或設(shè)置文本框的類型，可以從文本模式枚舉中指定一個(gè)值，取值為"SingleLine|MultiLine|Password",默認(rèn)值為SingleLineWrap該屬性得到或設(shè)置一個(gè)值，屬性值為T(mén)rue|False，設(shè)為T(mén)rue時(shí)，文本將在邊框處自動(dòng)換行，只有TextMode屬性設(shè)為MultiLine時(shí)，該屬性才起作用。AutoPostBack該屬性得到或設(shè)置一個(gè)值，表示用戶改變TextBox控件的文本時(shí)，是否將自動(dòng)生成事件

，屬性值為T(mén)rue或False，默認(rèn)值是False3)TextBox控件常用事件和方法TextBox控件的常用事件是TextChanged事件，改變TextBox控件的內(nèi)容文本時(shí)，將生成TextChanged事件。TextBox控件的常用方法是Focus()方法。TextBox控件派生于WebControl基類，此基類中含有Focus方法，該方法可以將用戶的光標(biāo)動(dòng)態(tài)放置在某個(gè)指定的窗體元素上。3.2.3ImageMap控件1.ImageMap控件語(yǔ)法<asp:ImageMapID="控件名稱"ImageUrl="圖像的位置"Width="寬度"Height="高度"AlternateText="找不到ImageUrl圖片時(shí)替換文字"OnClick="Click事件名稱"HotSpotMode="NotSet|Navigate|PostBack|Inactie"runat="server">作用點(diǎn)</asp:ImageMap>ImageMap控件提供了以下三種類型的作用點(diǎn):圓形區(qū)域作用點(diǎn)矩形區(qū)域作用點(diǎn)多邊形區(qū)域作用點(diǎn)2)ImageMap控件常用屬性屬性說(shuō)明ImageUrl 獲取或設(shè)置在ImageMap控件中顯示圖像的位置ImageAlign獲取或設(shè)置ImageMap控件相對(duì)于網(wǎng)頁(yè)上其它元素的對(duì)齊方式。HotSpotMode獲取或設(shè)置單擊HotSpot對(duì)象時(shí)ImageMap控件的HotSpot對(duì)象的默認(rèn)行為。HotSpots該屬性對(duì)應(yīng)System.Web.UI.WebControls.HotSpot對(duì)象集合，獲取HotSpot對(duì)象的集合。ImageUrl 獲取或設(shè)置在ImageMap控件中顯示圖像的位置ImageAlign獲取或設(shè)置ImageMap控件相對(duì)于網(wǎng)頁(yè)上其它元素的對(duì)齊方式。HotSpotMode獲取或設(shè)置單擊HotSpot對(duì)象時(shí)ImageMap控件的HotSpot對(duì)象的默認(rèn)行為3.2.4Button,LinkButton,ImageButton控件1.Button控件1).Button控件語(yǔ)法<asp:ButtonID="控件名稱"Text="按鈕上的文字"CommandName="與此按鈕關(guān)聯(lián)的命令"runat="server"CommandArgument="此按鈕管理的命令參數(shù)"Onclick="事件名稱"OnCommand="事件名稱"/>2)Button控件常用屬性屬性說(shuō)明CauseValidation該屬性獲取或設(shè)置在單擊Button控件時(shí)是否執(zhí)行驗(yàn)證。CommandArgument獲取或設(shè)置命令參數(shù)CommandName該屬性獲取或設(shè)置傳遞給Command事件的Button控件相關(guān)聯(lián)的命令名稱。Text該屬性得到或設(shè)置按鈕的標(biāo)題文本CauseValidation該屬性獲取或設(shè)置在單擊Button控件時(shí)是否執(zhí)行驗(yàn)證。CommandArgument獲取或設(shè)置命令參數(shù)CommandName該屬性獲取或設(shè)置傳遞給Command事件的Button控件相關(guān)聯(lián)的命令名稱。3)Button控件常用事件事件說(shuō)明Click單擊Button按鈕觸發(fā)Click事件，此時(shí)不能指定CommandName和CommandArgument屬性。Command單擊Command按鈕生成Command事件，此時(shí)必須指定CommandName和CommandArgument屬性。2.LinkButton控件LinkButton控件語(yǔ)法如下：<asp:LinkButtonID="控件名稱"Text="按鈕上的文字"CommandName="與此按鈕關(guān)聯(lián)的命令"CommandArgument="此按鈕管理的命令參數(shù)"Onclick="事件名稱"OnCommand="事件名稱"runat="server"/>LinkButton控件的常用屬性、事件與Button控件類似3.ImageButton控件ImageButton控件語(yǔ)法如下：<asp:ImageButtonID="控件名稱'AlternateText="在圖像無(wú)法顯示時(shí)顯示的備用文本"ImageAlign="圖像的對(duì)齊方式"ImageUrl="要顯示圖像的URL"runat="server"/>ImageButton控件的常用屬性、事件與Button控件類似，3.2.5CheckBox和CheckBoxList控件1.CheckBox控件CheckBox控件的語(yǔ)法如下：<asp:CheckBoxID="控件名稱"AutoPostBack="True|False"Text="復(fù)選框顯示的文本"TextAlign="Right"Checked="True|False"OnCheckedChanged="當(dāng)復(fù)選框狀態(tài)改變時(shí)觸發(fā)的事件名稱"runat="server"/>2)CheckBox控件常用屬性屬性說(shuō)明AutoPostBack該屬性獲取或設(shè)置一個(gè)值，確定是否自動(dòng)把CheckBox控件的狀態(tài)遞送服務(wù)器Text該屬性獲取或設(shè)置與CheckBox控件相關(guān)聯(lián)的文本標(biāo)簽TextAlign該屬性獲取或設(shè)置與CheckBox控件相關(guān)聯(lián)的文本標(biāo)簽的對(duì)齊方式Checked該屬性反映了復(fù)選框的當(dāng)前狀態(tài)，表示復(fù)選框是否被選中。AutoPostBack該屬性獲取或設(shè)置一個(gè)值，確定是否自動(dòng)把CheckBox控件的狀態(tài)遞送服務(wù)器Text該屬性獲取或設(shè)置與CheckBox控件相關(guān)聯(lián)的文本標(biāo)簽TextAlign該屬性獲取或設(shè)置與CheckBox控件相關(guān)聯(lián)的文本標(biāo)簽的對(duì)齊方式3)CheckBox控件常用事件屬性說(shuō)明CheckedChanged當(dāng)CheckBox控件的Checked屬性更改時(shí)，發(fā)生CheckedChanged事件。但當(dāng)AutoPostBack屬性為False時(shí)，CheckedChanged事件將被延遲，直到下一個(gè)遞送。2.CheckBoxList控件1)CheckBoxList控件的語(yǔ)法如下：<asp:CheckBoxListID="控件名稱"AutoPostBack="True|False"CellPadding="像素"DataSource="數(shù)據(jù)源名稱"DataTextField="給列表項(xiàng)提供文本的字段名稱"DataValueField="給列表項(xiàng)提供值的字段名稱"RepeatColumns="整數(shù)"RepeatDirection="Vertical丨Horizontal"RepeatLayout="Flow|Table"TextAlign="Right|Left"Selectedlndex="索引值"OnSelectedIndexChanged="改變選擇時(shí)觸發(fā)的事件名稱"runat="server"><asp:ListItemValue=“選項(xiàng)值”Selected=“True|False”>選項(xiàng)文字</asp:ListItem></asp:CheckBoxList>2)CheckBoxList控件的常見(jiàn)屬性如下：屬性說(shuō)明AutoPostBack用于設(shè)置當(dāng)單擊CheckBoxList控件時(shí)，是否自動(dòng)回送到服務(wù)器CellPaddingASP.NET在一個(gè)不可見(jiàn)表格的分離單元格中創(chuàng)建每個(gè)復(fù)選框，CellPadding屬性得到或設(shè)置每個(gè)單元格的邊框和它的內(nèi)容之間的寬度。DataSource該屬性用于指定填充列表控件的數(shù)據(jù)源DataTextField該屬性指定DataSource中一個(gè)字段，該字段的值對(duì)應(yīng)于列表項(xiàng)的Text屬性DataValueField該屬性指定DataSource中一個(gè)字段，字段的值對(duì)應(yīng)于列表項(xiàng)的Value屬性AutoPostBack用于設(shè)置當(dāng)單擊CheckBoxList控件時(shí)，是否自動(dòng)回送到服務(wù)器CellPaddingASP.NET在一個(gè)不可見(jiàn)表格的分離單元格中創(chuàng)建每個(gè)復(fù)選框，CellPadding屬性得到或設(shè)置每個(gè)單元格的邊框和它的內(nèi)容之間的寬度。單位為像素，默認(rèn)值是-1，即為沒(méi)有設(shè)置CheckBoxList控件常用事件和方法。當(dāng)用戶選擇列表中的任意復(fù)選框時(shí)，CheckBoxList控件都將引發(fā)SelectedlndexChanged事件。Add方法：使用Add方法可以實(shí)現(xiàn)向CheckBoxList控件添加選項(xiàng)；Remove方法：使用Remove方法，可以從CheckBoxList控件中刪除指定的選項(xiàng)；Insert方法：使用Insert方法，可將一個(gè)新的選項(xiàng)插入到CheckBoxList控件中；Clear方法：使用Clear方法可以清空CheckBoxList控件中的選項(xiàng)。3.2.6RadioButton和RadioButtonList控件1.RadioButton控件1)RadioButton控件的語(yǔ)法如下：<asp:RadioButtonID="控件名稱"Checked="True|False"Text="關(guān)聯(lián)文字"GroupName="的名稱"AutoPostBack="True|False"OnCheckedChanged="單擊觸發(fā)的事件名稱"runat="server"/>2)RadioButton控件的常見(jiàn)屬性如下：屬性說(shuō)明Checked指示或設(shè)置當(dāng)前按鈕的當(dāng)前狀態(tài)。當(dāng)選中時(shí)，標(biāo)記為T(mén)rueText在單選按鈕旁邊顯示的標(biāo)簽GroupName標(biāo)識(shí)單選按鈕組，一組中只能有一個(gè)按鈕被選DataTextField該屬性指定DataSource中一個(gè)字段DataValueField該屬性指定DataSource中一個(gè)字段RepeatColumns該屬性獲取或設(shè)置表中為CheckBoxList

控件顯示選項(xiàng)占用幾列Checked指示或設(shè)置當(dāng)前按鈕的當(dāng)前狀態(tài)3)RadioButton控件的常見(jiàn)事件如下：事件說(shuō)明CheckChanged此事件在RadioButton控件狀態(tài)發(fā)生改變時(shí)(如當(dāng)用戶在同一組不同選項(xiàng)上單擊時(shí)）

被激發(fā)。如果AutoPostBack屬性是False,這個(gè)事件將被延遲，直到下一個(gè)傳回Click每次單擊RadioButton,都會(huì)引發(fā)該事件。與CheckChanged相比，連續(xù)單擊

RadioButton兩次或多次只改變Checked屬性一次，并且只改變以前未選中控件的

Checked屬性，故不是每次單擊RadioButton時(shí)，都引發(fā)CheckChanged事件。另外，

當(dāng)被單擊按鈕的AutoCheck屬性是False,則該按鈕不會(huì)被選中，只引發(fā)Click事件2.RadioButtonList控件1)RadioButtonList控件語(yǔ)法如下：<asp:RadioButtonListID="控件名稱"AutoPostBack="True|False"CellPadding="像素值"CellSpacing="像素值"DataSource="數(shù)據(jù)源名稱"DataTextField="給列表項(xiàng)提供文本的字段名稱"DataValueField="給列表項(xiàng)提供值的字段名稱"RepeatColumns="整數(shù)"RepeatDirection="Vertical|Horizontal"RepeatLayout="Flow|Table"TextAlign="Right|Left"Selectedlndex="索引值"OnSelectedIndexChanged="改變選擇時(shí)觸發(fā)的事件名稱"runat="server"><asp:ListItemValue="選項(xiàng)值0"Selected="True|False">選項(xiàng)文字0</asp:ListItem><asp:ListItemValue="選項(xiàng)值1"Selected="True|False">選項(xiàng)文字1</asp:ListItem></asp:RadioButtonList>RadioButtonList控件的常見(jiàn)屬性和事件adioButtonList控件常用屬性參照CheckBoxList控件常用屬性。RadioButtonList控件常用事件參照CheckBoxList控件常用事件。3.2.7DropDownList、ListBox和BulletedList控件DropDownList控件1)DropDownList語(yǔ)法<asp:DropDownListID="控件名稱"DataSource="數(shù)據(jù)源名稱"DataTextField="給列表項(xiàng)提供文本的字段名稱"DataValueField="給列表項(xiàng)提供值的字段名稱"AutoPostBack="True|False"OnSelectedlndexChanged="改變選擇時(shí)觸發(fā)的事件名稱"runat="server"><asp:ListItemValue="選項(xiàng)值1"Selected="True|False">選項(xiàng)l</asp:ListItem><asp:ListItemValue="選項(xiàng)值2"Selected="True|False">選項(xiàng)2</asp:ListItem></asp:DropDownList>2)DropDownList控件常用屬性屬性說(shuō)明Selectedlndex該屬性獲取或設(shè)置一個(gè)數(shù)，指定DropDownList控件的當(dāng)前所選項(xiàng)。默認(rèn)值是0，

表示選擇的是DropDownList控件中的第一項(xiàng)2.ListBox控件1) ListBox控件語(yǔ)法如下：<asp:ListBoxID="控件名稱"SeletionMode="Single|Multiple"Rows="整數(shù)"AutoPostBack="True|False"DataSource="數(shù)據(jù)源名稱"DataTextField="給列表項(xiàng)提供文本的字段名稱"DataValueField="給列表項(xiàng)提供值的字段名稱"OnSelectedIndexChanged="改變選擇時(shí)觸發(fā)的事件名稱"runat="server"><asp:ListItemValue="選項(xiàng)值1"Selected="True|False">選項(xiàng)l</asp:ListItem><asp:ListItemValue="選項(xiàng)值2"Selected="True|False">選項(xiàng)2</asp:ListItem></asp:ListBox>2)ListBox常見(jiàn)屬性屬性說(shuō)明Rows此屬性獲取或設(shè)置可以在ListBox控件中顯示的行數(shù)(1?2000)。默認(rèn)值是4SeletionMode

該屬性確定ListBox控件的選擇模式，可能是Single或Multiple。默認(rèn)值是Single。其中，Single指定一次僅可選擇一項(xiàng)；Multiple指定通過(guò)使用Ctrl鍵，用戶可以選擇多項(xiàng)Rows此屬性獲取或設(shè)置可以在ListBox控件中顯示的行數(shù)(1?2000)。默認(rèn)值是4SeletionMode

該屬性確定ListBox控件的選擇模式，可能是Single或Multiple。默認(rèn)值是Single。其中，Single指定一次僅可選擇一項(xiàng)；Multiple指定通過(guò)使用Ctrl鍵，用戶可以選擇多項(xiàng)Rows此屬性獲取或設(shè)置可以在ListBox控件中顯示的行數(shù)(1?2000)。默認(rèn)值是4SeletionMode

該屬性確定ListBox控件的選擇模式，可能是Single或Multiple。默認(rèn)值是Single。其中，Single指定一次僅可選擇一項(xiàng)；Multiple指定通過(guò)使用Ctrl鍵，用戶可以選擇多項(xiàng)Rows此屬性獲取或設(shè)置可以在ListBox控件中顯示的行數(shù)(1?2000)。默認(rèn)值是43.2.8Literal和Panel控件

1.Literal控件1)Literal控件語(yǔ)法如下：格式一：<asp:LiteralID="控件名稱"Text="Literal控件的文本內(nèi)容"runat="server">格式二：<asp:LiteralID="控件名稱"runat="server">Literal控件的文本內(nèi)容</asp:Literal>2)Literal常見(jiàn)屬性屬性說(shuō)明Text 得到或設(shè)置Literal控件的文本內(nèi)容。屬性值類型為"string"Mode 該屬性用于指定控件對(duì)用戶所添加的標(biāo)記的處理方式。Mode屬性值為"Encode|Transform|PassThrough"2.Panel控件1) Panel控件語(yǔ)法如下：<asp:PanelID="控件名稱"BackImageUrl="背景圖像文件的路徑"HorizontalAlign="NotSet|Center|Left|Right|Justify"Wrap="True|False"Visible="True|False"runat="server">其他控件</asp:Panel>2)Panel常見(jiàn)屬性屬性說(shuō)明BacklmageUrl 得到或設(shè)置背景圖像的URL，屬性值類型為"uri"DefaultButton規(guī)定Panel控件中默認(rèn)按鈕的ID，屬性值類型為"string"Direction規(guī)定Panel控件的內(nèi)容顯示方向，屬性值為"NotSet|LeftToRight|RightToLeft"GroupingText規(guī)定Panel控件中控件組的標(biāo)題，屬性值類型為"string"HorizontalAlign得到或設(shè)置Panel控件內(nèi)容的水平對(duì)齊方式，屬性值"NotSet|Left|Center|Right|Justify"，默認(rèn)為NotSetScrollBars規(guī)定Panel中滾動(dòng)欄的位置和可見(jiàn)性。屬性值為"None|Horizontal|Vertical|Both|Auto"Wrap 得到或設(shè)置一個(gè)布爾值，確定內(nèi)容是否在其界限內(nèi)折行，屬性值為"True|False”，默認(rèn)值為T(mén)rueBacklmageUrl 得到或設(shè)置背景圖像的URL，屬性值類型為"uri"3.2.9MultiView和View控件1. MultiView和View控件語(yǔ)法<asp:MultiViewID="控件名稱"runat="server"ActiveViewIndex="當(dāng)前被激活顯示的View控件的索引值"><asp:ViewID="第一個(gè)View控件名稱"runat="ser