0 web數(shù)據(jù)庫(kù)開發(fā)章服務(wù)器控件

第6章Web服務(wù)器控件本章要點(diǎn)及學(xué)時(shí)安排了解ASP.NET中提供的各類Web服務(wù)器控件熟悉并掌握各類Web服務(wù)器控件的使用方法在學(xué)生信息管理系統(tǒng)中Web服務(wù)器控件的應(yīng)用本章授課學(xué)時(shí)為6學(xué)時(shí)練習(xí)和上機(jī)學(xué)時(shí)為6學(xué)時(shí)-本章要點(diǎn)-學(xué)時(shí)安排教學(xué)內(nèi)容ASP.NET服務(wù)器控件的作用ASP.NET各種服務(wù)器控件的用法ASP.NET各種服務(wù)器控件實(shí)例開發(fā)6.1ASP.NET服務(wù)器控件簡(jiǎn)介ASP.NETWeb服務(wù)器控件是ASP.NET網(wǎng)頁(yè)上的對(duì)象，這些控件在該頁(yè)被請(qǐng)求時(shí)運(yùn)行并向?yàn)g覽器呈現(xiàn)標(biāo)記，許多Web服務(wù)器控件類似于常見的HTML元素，而其它一些控件則包含復(fù)雜的行為。這些控件比HTML服務(wù)器控件具有更多內(nèi)置功能。Web服務(wù)器控件不僅包括窗體控件（例如按鈕和文本框），而且還包括特殊用途的控件（例如日歷、菜單和樹視圖控件）。

6.1ASP.NET服務(wù)器控件簡(jiǎn)介ASP.NET中提供的Web服務(wù)器控件可分為：顯示控件，主要有：標(biāo)簽Label控件、圖片Image控件、面板Panel控件；輸入控件，主要有：文本框TextBox控件、復(fù)選框CheckBox件、單選框RadioButton控件；控制控件，主要有：按鈕Button控件、超鏈接HyperLink控件、LinkButton控件、ImageButton控件；列表控件，主要有：下拉列表框DropDownList控件、列表框ListBox控件、復(fù)選列表框CheckBoxList控件、單選列表框RadioButtonList控件和表格Table控件。6.1ASP.NET服務(wù)器控件簡(jiǎn)介本章將重點(diǎn)介紹“Web窗體”控件

Web服務(wù)器控件層次結(jié)構(gòu)圖如下

6.1ASP.NET服務(wù)器控件簡(jiǎn)介在Web頁(yè)面中使用Web服務(wù)器控件一般遵循如下步驟：

1）聲明服務(wù)器控件

2）操作服務(wù)器控件

3）處理控件操作事件聲明的基本語(yǔ)法為：

<asp:控件類型id="標(biāo)識(shí)符"runat="server"屬性1="值1"屬性2="值2"…>文本</asp:控件類型>

或者

<asp:控件類型id="標(biāo)識(shí)符"runat="server"屬性1="值1"屬性2="值2"…/>6.2用Label控件動(dòng)態(tài)顯示文本信息Label標(biāo)簽控件是最簡(jiǎn)單常用的控件，用于向頁(yè)面顯示輸出文本。然而，若要顯示靜態(tài)文本，可以使用HTML呈現(xiàn)，而不必用Label控件；僅當(dāng)需要在服務(wù)器代碼中更改文本的內(nèi)容或其它特性，在ASP.NET網(wǎng)頁(yè)中顯示處于編程控制下的文本，才使用Label控件。Label標(biāo)簽控件的定義語(yǔ)法為：

<asp:Labelid="label1"runat="server">輸出的文本</asp:Label>

或<asp:Labelid="label1"runat="server"Text="輸出的文本"/>6.2用Label控件動(dòng)態(tài)顯示文本信息開發(fā)準(zhǔn)備過(guò)程參考書例6-1的操作過(guò)程，窗體設(shè)計(jì)如圖6.2用Label控件動(dòng)態(tài)顯示文本信息例6-1中用到的控件和屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.TextBoxID=txtNameText=""System.Web.UI.WebControls.TextBoxID=txtGenderText=""System.Web.UI.WebControls.ButtonID=btnSubmitText="提交"（在“提交”中多插入一個(gè)空格字符，是為了使得按鈕文本顯示美觀）System.Web.UI.WebControls.LabelID=lblWelcomeText=""（代表該文本控件中初始什么也不顯示）6.2用Label控件動(dòng)態(tài)顯示文本信息privatevoidbtnSubmit_Click(objectsender,System.EventArgse){ stringname=this.txtName.Text;//獲取文本框txtName的用戶名

stringgender=this.txtGender.Text;//獲取文本框txtGender的用戶性別

if(gender=="男")//進(jìn)行性別判斷，動(dòng)態(tài)顯示不同的文本

e.Text=name+"先生，歡迎你光臨我的網(wǎng)站！"; else e.Text=name+"小姐，歡迎你光臨我的網(wǎng)站！";}例6-1動(dòng)態(tài)改變Label內(nèi)容的部分代碼如下：6.3命令的執(zhí)行和選擇—按鈕的使用方法按鈕控件在應(yīng)用系統(tǒng)的開發(fā)中是使用得較多的控件，它提供命令按鈕的操作，用于將Web窗體頁(yè)面回發(fā)給服務(wù)器，或完成用戶設(shè)定的數(shù)據(jù)處理程序。Web服務(wù)器控件包括有三種類型的按鈕：普通命令按鈕（Button控件）、超鏈接樣式按鈕（LinkButton控件）和圖形按鈕（ImageButton控件）。這三種按鈕提供類似的功能，但具有不同的外觀。6.3.1普通按鈕（Button）在運(yùn)行時(shí)更改標(biāo)簽Button服務(wù)器控件顯示一個(gè)標(biāo)準(zhǔn)命令按鈕，默認(rèn)是“提交”按鈕，當(dāng)用戶單擊按鈕時(shí)，會(huì)向服務(wù)器提交一個(gè)窗體，將Web頁(yè)發(fā)送回服務(wù)器。默認(rèn)情況下，Button控件使用HTMLPOST操作提交頁(yè)面，之后該頁(yè)回發(fā)到其本身，在這里重新生成相同的頁(yè)面并處理該頁(yè)上控件的事件處理程序。

Button按鈕控件定義語(yǔ)法為：

<asp:Buttonid="button1"runat="server"Text="按鈕文本" CommandName="命令名"CommandArgument="命令參數(shù)" CausesValidation="True|Flase"OnClick="click事件處理程序"/>6.3.1普通按鈕（Button）在運(yùn)行時(shí)更改標(biāo)簽設(shè)計(jì)過(guò)程參見例6-2窗體設(shè)計(jì)圖如下6.3.1普通按鈕（Button）在運(yùn)行時(shí)更改標(biāo)簽例6-2中用到的控件和屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.ButtonID=btnRedText="紅色"System.Web.UI.WebControls.ButtonID=btnBlueText="藍(lán)色"System.Web.UI.WebControls.LabelID=lblSelectColorText=""6.3.1普通按鈕（Button）在運(yùn)行時(shí)更改標(biāo)簽例6-2按鈕的代碼如下：protectedvoidbtnRed_Click(objectsender,EventArgse){this.lblSelectColor.Text="<fontcolor=red>你選擇了紅色！</font>";//顯示紅色文本}protectedvoidbtnBlue_Click(objectsender,EventArgse){this.lblSelectColor.Text="<fontcolor=blue>你選擇了藍(lán)色！</font>";//顯示藍(lán)色文本}6.3.2多個(gè)鏈接按鈕（LinkButton）使用同一個(gè)事件處理過(guò)程

與Button控件相似，LinkButton用于將Web窗體頁(yè)回發(fā)給服務(wù)器或執(zhí)行用戶編寫的事件代碼，但它呈現(xiàn)為頁(yè)面中的一個(gè)超鏈接樣式按鈕，與HyperLink控件的外觀相同。若只需要實(shí)現(xiàn)鏈接到另一個(gè)Web頁(yè)，使用HyperLink控件即可；若還需要執(zhí)行一些相應(yīng)的操作和處理，則需使用LinkButton控件。LinkButton鏈接按鈕控件的定義語(yǔ)法為：

<asp:LinkButtonid="linkbutton1"runat="server"CommandName="命令名" CommandArgument="命令參數(shù)"CausesValidation="True|Flase" OnClick="click事件處理程序">顯示的文本</asp:LinkButton>6.3.2多個(gè)鏈接按鈕（LinkButton）使用同一個(gè)事件處理過(guò)程

設(shè)計(jì)過(guò)程參見書例6-3窗體設(shè)計(jì)如下6.3.2多個(gè)鏈接按鈕（LinkButton）使用同一個(gè)事件處理過(guò)程例6-3中用到的控件和屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.LinkButtonID=lbnPixelText="像素值高"System.Web.UI.WebControls.LinkButtonID=lbnSmallText="體積小巧"System.Web.UI.WebControls.LinkButtonID=lbnScreenText="顯示屏大"System.Web.UI.WebControls.LinkButtonID=lbnZoomText="光學(xué)變焦高"System.Web.UI.WebControls.LabelID=lblShowSelectText=""Width=120px6.3.2多個(gè)鏈接按鈕（LinkButton）使用同一個(gè)事件處理過(guò)程例6-3按鈕事件代碼如下protectedvoidlbnPixel_Command(objectsender,CommandEventArgse){stringresult="選購(gòu)數(shù)碼相機(jī)時(shí)，你的首選項(xiàng)是：";switch(e.CommandName)//判斷用戶所點(diǎn)擊的鏈接按鈕CommandName屬性

{case"1":this.lblShowSelect.Text=result+"像素值";break;case"2":this.lblShowSelect.Text=result+"體積小";break;case"3":this.lblShowSelect.Text=result+"顯示屏大";break;case"4":this.lblShowSelect.Text=result+"變焦能力";break;}}6.3.2多個(gè)鏈接按鈕（LinkButton）使用同一個(gè)事件處理過(guò)程例6-3頁(yè)面代碼如下<asp:LinkButtonID="lbnPixel"runat="server"CommandName="1"OnCommand="lbnPixel_Command">像素值高</asp:LinkButton><asp:LinkButtonID="lbnSmall"runat="server"CommandName="2"OnCommand="lbnPixel_Command">體積小巧</asp:LinkButton><asp:LinkButtonID="lbnScreen"runat="server"CommandName="3"OnCommand="lbnPixel_Command">顯示屏大</asp:LinkButton><asp:LinkButtonID="lbnZoom"runat="server"CommandName="4"OnCommand="lbnPixel_Command">光學(xué)變焦高</asp:LinkButton>6.3.3創(chuàng)建前進(jìn)后退圖片按鈕ImageButton）

ImageButton控件即圖片按鈕，功能與Button控件相同，只是ImageButton控件使用圖片作為其外觀，這對(duì)于提供豐富的按鈕外觀和美化界面非常有幫助。當(dāng)單擊ImageButton控件時(shí)，將同時(shí)引發(fā)Click和Command事件。通過(guò)設(shè)置ImageUrl屬性質(zhì)指定在控件中顯示的圖像存放路徑，其它屬性和Button控件相同。ImageButton圖片按鈕的定義語(yǔ)法為：

<asp:ImageButtonid="imagebutton1"runat="server"ImageUrl="圖像存放路徑" CommandName="命令名"CommandArgument="命令參數(shù)" CausesValidation="True|Flase"OnClick="click事件處理程序"/>6.3.3創(chuàng)建前進(jìn)后退圖片按鈕ImageButton）設(shè)計(jì)過(guò)程參見書例6-4窗體設(shè)計(jì)如下6.3.3創(chuàng)建前進(jìn)后退圖片按鈕ImageButton）例6-4中用到的控件和屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.ImageButtonID=ibnPrevousImageUrl="images/prev.bmp"System.Web.UI.WebControls.ImageButtonID=ibnNextImageUrl="images/next.bmp"System.Web.UI.WebControls.ImageID=imgGoodsPicImageUrl="images/1.jpg"（初始顯示的圖片）6.3.3創(chuàng)建前進(jìn)后退圖片按鈕ImageButton）圖片按鈕事件處理代碼protectedvoidibnPrevous_Click(objectsender,ImageClickEventArgse){this.imgGoodsPic.ImageUrl="images/pic1.jpg";//顯示pic1圖片}protectedvoidibnNext_Click(objectsender,ImageClickEventArgse){this.imgGoodsPic.ImageUrl="images/pic2.jpg";//顯示pic2圖片}6.4TextBox控件在程序中輸入和顯示數(shù)據(jù)TextBox控件在Web頁(yè)上創(chuàng)建單行或多行文本框，是錄入或顯示文本的控件。TextBox文本框控件的定義語(yǔ)法為：

<asp:TextBoxid="textbox1"runat="server"Text="顯示的文本" TextMode="SingleLine|MultiLine|Password"Columns="最大寬度"Rows="多行高度"MaxLength="最大字符數(shù)"Wrap="True|False" AutoPostBack="True|False"OnTextChanged="處理程序"/>6.4TextBox控件在程序中輸入和顯示數(shù)據(jù)TextBox控件屬性列表

屬性名描述取值A(chǔ)utoPostBack用于設(shè)置當(dāng)用戶從下拉列表中更改選定內(nèi)容后是否自動(dòng)向服務(wù)器進(jìn)行回發(fā)True|FalseColumns設(shè)置TextBox文本框的列數(shù)（最大寬度）數(shù)值MaxLength指定輸入到TextBox中的最多的字符個(gè)數(shù)數(shù)值Rows設(shè)置TextBox文本框的行數(shù)（多行時(shí)有效）數(shù)值Text表示在TextBox文本框中顯示的文本字符串TextMode用來(lái)設(shè)置TextBox文本框的顯示模式SingleLine|MultiLine|PasswordWarp指定在多行文本框中，文本是否應(yīng)自動(dòng)換行True|FalseOnTextChanged指定當(dāng)更改文本框中文本時(shí)，調(diào)用的事件處理子程序名字符串6.4TextBox控件在程序中輸入和顯示數(shù)據(jù)設(shè)計(jì)過(guò)程參考書本例6-5窗體設(shè)計(jì)圖6.4TextBox控件在程序中輸入和顯示數(shù)據(jù)例6-5中用到的控件和屬性設(shè)置

控件類型設(shè)置控件的屬性System.Web.UI.WebControls.TextBoxID=txtNameText=""System.Web.UI.WebControls.TextBoxID=txtContactText=""System.Web.UI.WebControls.ButtonID=btnSubmitText="提交"System.Web.UI.WebControls.TextBoxID=txtConfirmText=""TextBox=MultiLineRows=36.4TextBox控件在程序中輸入和顯示數(shù)據(jù)提交按鈕的事件處理代碼如：protectedvoidbtnSubmit_Click(objectsender,EventArgse){stringname,contact;name=this.txtName.Text;//獲取用戶名

contact=this.txtContact.Text;//獲取用戶聯(lián)系方式

this.txtConfirm.Text="你提交的信息如下：\n姓名："+name+"\n聯(lián)系方式："+contact;}6.5數(shù)據(jù)的選擇—DropDownList控件的使用方法6.5.1下拉框數(shù)據(jù)項(xiàng)的動(dòng)態(tài)添加

1、使用DropDownList下拉列表框控件可以創(chuàng)建單選的下拉列表，讓用戶從已設(shè)置好的選項(xiàng)中選擇一項(xiàng)。

2、通過(guò)設(shè)置BorderColor邊框顏色、BorderStyle邊框樣式和BorderWidth邊框?qū)挾葘傩钥梢钥刂艱ropDownList控件的外觀。

3、DropDownList控件還支持?jǐn)?shù)據(jù)綁定。

6.5.1下拉框數(shù)據(jù)項(xiàng)的動(dòng)態(tài)添加DropDownList下拉列表框控件的定義語(yǔ)法為：

<asp:DropDownListid="dropdownlist1"runat="server"DataSource=“數(shù)據(jù)綁定表達(dá)式”DataTextField=“Text屬性的綁定字段"DataValueField="Value屬性的綁定字段"AutoPostBack="True|False"OnSelectedIndexChanged="處理程序"> <asp:ListItemvalue="選項(xiàng)的值"selected="True|False">

選項(xiàng)顯示的內(nèi)容

</asp:ListItem></asp:DropDownList>6.5.1下拉框數(shù)據(jù)項(xiàng)的動(dòng)態(tài)添加DropDownList控件屬性列表屬性名描述取值A(chǔ)utoPostBack用于設(shè)置當(dāng)用戶從下拉列表中更改選定內(nèi)容后是否自動(dòng)向服務(wù)器進(jìn)行回發(fā)True|FalseDataSource用于設(shè)置向DropDownList中填入項(xiàng)時(shí)所使用的數(shù)據(jù)源字符串DataTextField用于設(shè)置DropDownList中各項(xiàng)的顯示文本的數(shù)據(jù)源字段字符串DataValueField用于設(shè)置DropDownList中各項(xiàng)的值的數(shù)據(jù)源字段字符串OnSelectedIndexChanged在下拉列表框中的所選項(xiàng)目發(fā)生變化時(shí)，調(diào)用的事件處理子程序名字符串selected指定該選項(xiàng)是否是默認(rèn)選項(xiàng)True|False6.5.1下拉框數(shù)據(jù)項(xiàng)的動(dòng)態(tài)添加參考書中例6-6設(shè)計(jì)過(guò)程設(shè)計(jì)窗體如下6.5.1下拉框數(shù)據(jù)項(xiàng)的動(dòng)態(tài)添加例6-6中用到的控件和屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.LabelID=lblSelectText="請(qǐng)選擇你喜歡的顏色："System.Web.UI.WebControls.DropDownListID=ddlColorsWidth=160pxSystem.Web.UI.WebControls.LabelID=lblNewText="請(qǐng)輸入要加入的顏色："System.Web.UI.WebControls.TextBoxID=txtNewColorText=""Width=160pxSystem.Web.UI.WebControls.ButtonID=btnAddText="添加"6.5.1下拉框數(shù)據(jù)項(xiàng)的動(dòng)態(tài)添加部分代碼如下：protectedvoidbtnAdd_Click(objectsender,EventArgse){if(txtNewColor.Text.Trim()!="")//判斷用戶是否填寫了新的顏色

{intintIndex=this.ddlColors.Items.Count;//獲取當(dāng)前下拉列表中選項(xiàng)的數(shù)目

this.ddlColors.Items.Insert(intIndex,txtNewColor.Text.Trim());//在Index位置添加新選項(xiàng)

}}6.5.2顯示和改變下拉框中的選擇項(xiàng)例6-7使用下拉列表框控件的選擇索引SelectedIndex屬性和選擇項(xiàng)SeletedItem屬性，通過(guò)按鈕的控制來(lái)選擇項(xiàng)目。窗體如下：6.5.2顯示和改變下拉框中的選擇項(xiàng)例6-7中用到的控件和屬性設(shè)置

控件類型設(shè)置控件的屬性System.Web.UI.WebControls.DropDownListID=ddlSeasonsWidth=160pxSystem.Web.UI.WebControls.ButtonID=btnPrevousText="向上選擇"System.Web.UI.WebControls.ButtonID=btnNextText="向下選擇"System.Web.UI.WebControls.LabelID=lblShowText=""Width=160px6.5.2顯示和改變下拉框中的選擇項(xiàng)代碼如下：protectedvoidPage_Load(objectsender,EventArgse){//在此處放置用戶代碼以初始化頁(yè)面，設(shè)置下拉框DDL_season的數(shù)據(jù)選擇項(xiàng)目

this.ddlSeasons.Items.Add("春季");this.ddlSeasons.Items.Add("夏季");this.ddlSeasons.Items.Add("秋季");this.ddlSeasons.Items.Add("冬季");}protectedvoidbtnPrevous_Click(objectsender,EventArgse){6.5.2顯示和改變下拉框中的選擇項(xiàng)

if(ddlSeasons.SelectedIndex>0)//判斷是否為第1項(xiàng)

ddlSeasons.SelectedIndex=ddlSeasons.SelectedIndex-1;//不為第1項(xiàng)時(shí)，向前選擇

elseddlSeasons.SelectedIndex=ddlSeasons.Items.Count-1;//為第1項(xiàng)時(shí)，設(shè)置為最后一項(xiàng)

lblShow.Text="你選擇的季節(jié)是："+ddlSeasons.SelectedItem.Text;}protectedvoidbtnNext_Click(objectsender,EventArgse){if(ddlSeasons.SelectedIndex<ddlSeasons.Items.Count-1)//判斷是否為最后1項(xiàng)

ddlSeasons.SelectedIndex=ddlSeasons.SelectedIndex+1;//不為最后1項(xiàng)時(shí)，向后選擇

elseddlSeasons.SelectedIndex=0;//為最后1項(xiàng)時(shí)，設(shè)置為第1項(xiàng)

lblShow.Text="你選擇的季節(jié)是："+ddlSeasons.SelectedItem.Text;}6.6在列表框(ListBox)控件中顯示和移動(dòng)數(shù)據(jù)列表框(ListBox)類似于下拉列表框DropDownList，但ListBox會(huì)一次列出多個(gè)選項(xiàng)讓用戶從中選取，而且ListBox控件可提供單選或多重選擇列表。ListBox控件除了與DropDownList控件相同的屬性與事件以外，常用的屬性還有：Rows屬性，指定控件的高度，即顯示的可見行的數(shù)目。SelectionMode屬性，是列表項(xiàng)的選擇模式，決定控件是否允許多項(xiàng)選擇，取值有單項(xiàng)選擇Single和多項(xiàng)選擇Multiple。ListBox控件還支持?jǐn)?shù)據(jù)綁定。

6.6在列表框(ListBox)控件中顯示和移動(dòng)數(shù)據(jù)ListBox列表框控件的定義語(yǔ)法為：

<asp:ListBoxid="標(biāo)識(shí)名"runat="server"DataSource="數(shù)據(jù)綁定表達(dá)式"DataTextField="Text屬性的綁定字段"DataValueField="Value屬性的綁定字段"AutoPostBack="True|False"Rows="顯示的行數(shù)"SelectionMode="Single|Multiple" OnSelectedIndexChanged="處理程序"> <asp:ListItemvalue="選項(xiàng)的值"selected="True|False">

選項(xiàng)顯示的內(nèi)容

</asp:ListItem></asp:ListBox>6.6在列表框(ListBox)控件中顯示和移動(dòng)數(shù)據(jù)例6-8使用列表框顯示和移動(dòng)數(shù)據(jù)窗體設(shè)計(jì)如圖6.6在列表框(ListBox)控件中顯示和移動(dòng)數(shù)據(jù)例6-8中用到的控件和屬性設(shè)置

控件類型設(shè)置控件的屬性System.Web.UI.WebControls.LabelID=lblShowSelectText="請(qǐng)選擇你感興趣的商品："System.Web.UI.WebControls.LabelID=lblAllText="全部選項(xiàng)"System.Web.UI.WebControls.LabelID=lblSelectedText="所選項(xiàng)"System.Web.UI.WebControls.ListBoxID=lstAllWidth=90pxHeight=100pxSystem.Web.UI.WebControls.ListBoxID=lstSelectedWidth=90pxHeight=100pxSystem.Web.UI.WebControls.ButtonID=btnAddOneText=">"System.Web.UI.WebControls.ButtonID=btnDelOneText="<"System.Web.UI.WebControls.ButtonID=btnAddAllText=">>"System.Web.UI.WebControls.ButtonID=btnDelAllText="<<"6.6在列表框(ListBox)控件中顯示和移動(dòng)數(shù)據(jù)代碼如：protectedvoidPage_Load(objectsender,EventArgse){//設(shè)置列表框中的初始數(shù)據(jù)，也可綁定數(shù)據(jù)字段

if(!IsPostBack)//判斷頁(yè)面是否提交

{this.lstAll.Items.Add("數(shù)碼相機(jī)");//ListBox中添加選項(xiàng)

this.lstAll.Items.Add("數(shù)碼攝像機(jī)");this.lstAll.Items.Add("筆記本電腦");this.lstAll.Items.Add("MP3播放器");this.lstAll.Items.Add("MP4播放器");}}6.7使用復(fù)選框(CheckBox)控件做問(wèn)卷調(diào)查CheckBox（復(fù)選框）控件在外觀上顯示為一個(gè)標(biāo)簽，其左邊或者右邊是一個(gè)方框。在用戶填寫某些可以多項(xiàng)選擇的項(xiàng)目數(shù)據(jù)時(shí)，就可以使用該控件實(shí)現(xiàn)。CheckBox復(fù)選框控件的定義語(yǔ)法為：

<asp:CheckBoxid="標(biāo)識(shí)名"runat="server"AutoPostBack="True|False" Text="選項(xiàng)顯示文本"TextAlign="Right|Left" SelectionMode="Single|Multiple" OnSelectedIndexChanged="處理程序"> <asp:ListItemvalue="選項(xiàng)的值"selected="True|False">

選項(xiàng)顯示的內(nèi)容

</asp:ListItem></asp:CheckBox>6.7使用復(fù)選框(CheckBox)控件做問(wèn)卷調(diào)查CheckBox控件屬性列表屬性名描述取值A(chǔ)utoPostBack用于設(shè)置在用戶單擊CheckBox控件時(shí)CheckBox狀態(tài)是否自動(dòng)回發(fā)到服務(wù)器True|FalseChecked獲取或設(shè)置一個(gè)值，該值指示是否已選中某個(gè)CheckBox控件，即判斷或者指定某個(gè)復(fù)選框控件的選擇狀態(tài)True|FalseText獲取或設(shè)置與CheckBox關(guān)聯(lián)的文本標(biāo)簽字符串TextAlign用于設(shè)置與CheckBox控件相關(guān)聯(lián)的文本標(biāo)簽的對(duì)齊方式

Right|LeftOnCheckedChanged在復(fù)選框的所選項(xiàng)目發(fā)生變化時(shí)，調(diào)用的事件處理子程序名字符串6.7使用復(fù)選框(CheckBox)控件做問(wèn)卷調(diào)查例6-9使用復(fù)選框?qū)崿F(xiàn)問(wèn)卷調(diào)查窗體設(shè)計(jì)如6.7使用復(fù)選框(CheckBox)控件做問(wèn)卷調(diào)查例6-9中用到的控件和屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.LabelID=lblSelectHobbiesText="請(qǐng)選擇你的業(yè)余愛好："System.Web.UI.WebControls.CheckBoxID=chkSwimText="游泳"System.Web.UI.WebControls.CheckBoxID=chkTravelText="旅游"System.Web.UI.WebControls.CheckBoxID=chkReadText="讀書"System.Web.UI.WebControls.ButtonID=btnSubmitText="提交"System.Web.UI.WebControls.LabelID=lblShowSelectText=""6.7使用復(fù)選框(CheckBox)控件做問(wèn)卷調(diào)查代碼如protectedvoidbtnSubmit_Click(objectsender,EventArgse){stringhobbies="你的業(yè)余愛好有：";if(chkSwim.Checked)hobbies=hobbies+"游泳";//判斷是否選擇“游泳”復(fù)選框

if(chkTravel.Checked)hobbies=hobbies+"旅游";//判斷是否選擇“旅游”復(fù)選框

if(chkRead.Checked)hobbies=hobbies+"讀書";//判斷是否選擇“讀書”復(fù)選框

lblShowSelect.Text=hobbies;}6.8使用單選框(RadioButton)控件填寫性別信息RadioButton控件即單選框（或稱為單選按鈕）控件，單選框控件主要的屬性跟復(fù)選框控件類似，同樣也依靠Checked屬性來(lái)判斷是否選中。但是RadioButton本身具有互斥現(xiàn)象，即同一組單選鈕中只允許一個(gè)RadioButton控件被選擇。因此在單選框控件多了一個(gè)GroupName屬性，用來(lái)指明多個(gè)單選框控件是否是同一條件下的選擇項(xiàng)，GroupName相同的多個(gè)單選框控件（即屬于同一組）之間是互斥的，其中只能有一個(gè)被選中。RadionButton單選按鈕控件的定義語(yǔ)法為：

<asp:RadioBoxid="標(biāo)識(shí)名"runat="server"AutoPostBack="True|False" Text="選項(xiàng)顯示文本"TextAlign="Right|Left"Checked="True|False" GroupName="分組名"OnCheckedChanged="處理程序"/>6.8使用單選框(RadioButton)控件填寫性別信息例6-10使用單選框獲取用戶性別信息窗體設(shè)計(jì)如6.8使用單選框(RadioButton)控件填寫性別信息例6-10中用到的控件和屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.LabelID=lblSelectGenderText="請(qǐng)選擇你的性別："System.Web.UI.WebControls.RadioButtonID=rdnGenderMaleChecked=True（作為默認(rèn)選項(xiàng)）Text="男"System.Web.UI.WebControls.RadioButtonID=rdnGenderFemaleText="女"System.Web.UI.WebControls.ButtonID=btnSubmitText="提交"System.Web.UI.WebControls.LabelID=lblShowGenderText=""6.8使用單選框(RadioButton)控件填寫性別信息代碼如privatevoidbtnSubmit_Click(objectsender,System.EventArgse){ stringgender="你的性別為："; if(rdnGenderMale.Checked)gender=gender+"男";//判斷是否選擇“男”單選框

if(rdnGenderFemale.Checked)gender=gender+"女";//判斷是否選擇“女”單選框

lblShowGender.Text=gender;}6.9在控件中放置控件—面板(Panel)控件使用方法面板Panel控件是其它控件的容器，在它內(nèi)部可以放入其它別的控件，它對(duì)于以編程方式生成控件以及顯示和隱藏控件組尤其有用。Panel面板控件的定義語(yǔ)法為：

<asp:Panelid="標(biāo)識(shí)名"runat="server"BackImageUrl="圖片文件存放路徑"Wrap="True|False"HorizontalAlign="Center|Justify|Left|NotSet|Right">

其它控件定義體

</asp:Panel>6.9.1使用Panel控件規(guī)范和美化用戶界面

例6-11使用Panel面板規(guī)范和美化用戶界面窗體設(shè)計(jì)如圖6.9.1使用Panel控件規(guī)范和美化用戶界面例6-11面板控件和按鈕控件的屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.PanelID=pnl0Width=230pxHeight=380pxHorizontalAlign=CenterSystem.Web.UI.WebControls.PanelID=pnl1Width=208pxHeight=64pxSystem.Web.UI.WebControls.PanelID=pnl2Width=208pxHeight=64pxSystem.Web.UI.WebControls.PanelID=pnl3Width=208pxHeight=64pxSystem.Web.UI.WebControls.PanelID=pnl4Width=208pxHeight=64pxSystem.Web.UI.WebControls.ButtonID=btnSubmitText="提交"6.9.1使用Panel控件規(guī)范和美化用戶界面例6-11面板控件樣式的設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.PanelID=pnl0BorderStyle=Double（雙線邊框）BorderWidth=3pxSystem.Web.UI.WebControls.PanelID=pnl1BorderStyle=Ridge（凸線邊框）BorderWidth=3pxSystem.Web.UI.WebControls.PanelID=pnl2BorderStyle=Dotted（點(diǎn)線邊框）BackColor=#80FFFF（淺藍(lán)色）BorderWidth=3pxSystem.Web.UI.WebControls.PanelID=pnl3BorderStyle=Dashed（虛線邊框）BorderWidth=3pxSystem.Web.UI.WebControls.PanelID=pnl4BorderStyle=Solid（實(shí)線邊框）BackColor=#FFE0C0（土黃色）BorderWidth=3px6.9.1使用Panel控件規(guī)范和美化用戶界面設(shè)置各面板樣式后視圖6.9.2使用Panel控件操作一組控件PanelWeb服務(wù)器控件在頁(yè)面內(nèi)為其他控件提供一個(gè)容器。通過(guò)將多個(gè)控件放入Panel控件，可將它們作為一個(gè)單元進(jìn)行控制，適用于：

(1)分組行為——通過(guò)將一組控件放入一個(gè)Panel，然后操作該P(yáng)anel，可將這組Panel作為一個(gè)單元進(jìn)行管理。（如：通過(guò)設(shè)置面板的Visible屬性來(lái)隱藏或顯示該面板中的一組控件）

(2)動(dòng)態(tài)控件生成——Panel控件為在運(yùn)行時(shí)創(chuàng)建的控件提供了一個(gè)方便的容器。

(3)外觀——Panel控件支持BackColor和BorderWidth等外觀屬性，可以設(shè)置這些屬性來(lái)為頁(yè)面上的局部區(qū)域創(chuàng)建獨(dú)特的外觀。6.9.2使用Panel控件操作一組控件例6-12使用Panel面板操作一組控件窗體設(shè)計(jì)如圖6.9.2使用Panel控件操作一組控件設(shè)計(jì)視圖b與c6.9.2使用Panel控件操作一組控件例6-12中用到的控件和屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.LabelID=lblMess1Text="請(qǐng)選擇你的性別："System.Web.UI.WebControls.RadionButtonID=rdnMaleText="男"GroupName=GenderSystem.Web.UI.WebControls.RadionButtonID=rdnFemaleText="女"GroupName=GenderSystem.Web.UI.WebControls.ButtonID=btnSubmitText="提交"6.9.2使用Panel控件操作一組控件例6-12面板控件的屬性設(shè)置控件類型設(shè)置控件的屬性System.Web.UI.WebControls.PanelID=pnlCigarWidth=230pxHeight=100pxBorderStyle=RidgeBorderWidth=2pxVisible=FalseSystem.Web.UI.WebControls.PanelID=pnlCosmeticWidth=230pxHeight=100pxBorderStyle=RidgeBorderWidth=2pxVisible=False6.9.2使用Panel控件操作一組控件例6-12面板pnlCigar中用到的控件和屬性設(shè)置

控件類型設(shè)置控件的屬性System.Web.UI.WebControls.LabelID=lblMess2Text="請(qǐng)選擇你喜歡的香煙品牌："System.Web.UI.WebControls.CheckBoxID=chkFiveText="555"System.Web.UI.WebControls.CheckBoxID=chkCamelText="駱駝"System.Web.UI.WebControls.CheckBoxID=chkChinaText="中華"6.9.2使用Panel控件操作一組控件例6-12面板pnlCosmetic中用到的控件和屬性設(shè)置

控件類型設(shè)置控件的屬性System.Web.UI.WebControls.LabelID=lblMess3Text="請(qǐng)選擇你喜歡的化妝品品牌："System.Web.UI.WebControls.CheckBoxID=chkLorealText="LOREAL"System.Web.UI.WebControls.CheckBoxID=chkAvonText="AVON"System.Web.UI.WebControls.CheckBoxID=chkOlayText="OLAY"6.9.2使用Panel控件操作一組控件按鈕處理代碼privatevoidbtnSubmit_Click(objectsender,System.EventArgse){if(rdnGenderMale.Checked)//選擇性別為“男”{pnlCigar.Visible=true;//pnlCigar面板可見pnlCosmetic.Visible=false;//pnlCosmetic面板隱藏}if(rdnGenderFemale.Checked)//選擇性別為“女”{pnlCosmetic.Visible=true;//pnlCosmetic面板可見pnlCigar.Visible=false;//pnlCigar面板隱藏

}}6.10在學(xué)生管理信息系統(tǒng)中用到的Web服務(wù)器控件介紹Web服務(wù)器控件在“學(xué)生管理信息系統(tǒng)”中的應(yīng)用的同時(shí)，對(duì)前面講解單個(gè)Web服務(wù)器的進(jìn)一步補(bǔ)充和說(shuō)明。本實(shí)例介紹的思路是：首先給出teaAddStuInfo02窗體布局（即設(shè)計(jì)視圖），然后是窗體中用到的Web服務(wù)器控件及屬性值設(shè)置、各服務(wù)器控件所調(diào)用的事件及自定義的方法，接著給出窗體的編碼實(shí)現(xiàn)過(guò)程，最后是頁(yè)面總體運(yùn)行效果。

6.10.1頁(yè)面布局頁(yè)面布局如圖6.10.1頁(yè)面布局該Web窗體中用到了以下幾類Web服務(wù)器控件：TextBox控件、RadioButtonList控件、DropDownList控件、用戶自定義控件、Label控件和Button控件。其中，用戶自定義控件在本章隨后將有說(shuō)明；RadioButtonList控件相當(dāng)于一個(gè)RadioButton組，任何情況下RadioButtonList中都只有一個(gè)RadioButton的取值為True，表示只有一個(gè)RadioButton被選中，這與“多中選一”的需求是一致的。6.10.2Web服務(wù)器控件-屬性列表Web服務(wù)器控件屬性-值列表

控件類型設(shè)置控件的屬性控件說(shuō)明System.Web.UI.WebControls.TextBoxID=txtSno用于輸入“學(xué)號(hào)”的文本框System.Web.UI.WebControls.TextBoxID=txtSname用于輸入“姓名”的文本框System.Web.UI.WebControls.RadioButtonListID=rablistSgenderRepeatDirection=Horizontal用于輸入“性別”的單選按鈕組（其屬性設(shè)置在6.10.4部分介紹）DateSelectorID=dsBirthrunat=server用于自定義控件，用于顯示選擇和顯示“出生日期”，他不是真正的Web服務(wù)器控件System.Web.UI.WebControls.TextBoxID=txtSaddress用于輸入“籍貫”的文本框6.10.2Web服務(wù)器控件-屬性列表System.Web.UI.WebCont