第4章 服務(wù)器控件

第4章

服務(wù)器控件

4.1服務(wù)器控件概述

4.2HTML服務(wù)器控件

4.3Web服務(wù)器控件

4.4本章小結(jié)

4.1服務(wù)器控件概述 4.1.1服務(wù)器控件分類

ASP.NET的Server控制組件分為兩種：HTML控制組件和Web控制組件。

4.1.2服務(wù)器控件屬性、事件和方法 服務(wù)器控件是ASP.NET的特定對象，每一個控件都具有特定的屬性、事件和方法

4.1.3服務(wù)器控件層次結(jié)構(gòu)

ASP.NET服務(wù)器控件是從System.Web.UI.Control直接或間接派生的。

ASP.NET服務(wù)器控件的主要作用是提供用戶界面。服務(wù)器控件層次結(jié)構(gòu)如圖所示。

4.2HTML服務(wù)器控件

4.2.1HTML服務(wù)器控件的層次結(jié)構(gòu)

HTML服務(wù)器控件的主要功能是在Web頁面上管理控件。圖顯示了HTML服務(wù)器控件的層次結(jié)構(gòu)。

HTML服務(wù)器控件提供以下功能：

l

可在服務(wù)器上使用熟悉的面向?qū)ο蠹夹g(shù)對其進(jìn)行編程的對象模型。

l

提供一組事件，可以為其編寫事件處理程序，方法與在基于客戶端的窗體中大致 相同，所不同的是事件處理是在服務(wù)器代碼中完成的。

l

在客戶端腳本中處理事件的能力。

l

自動維護(hù)控件狀態(tài)。

4.2HTML服務(wù)器控件

l

與驗證控件進(jìn)行交互，便于驗證用戶是否在控件輸入了適當(dāng)?shù)男畔ⅰ?/p>

l

數(shù)據(jù)綁定到一個或多個控件屬性

l

直接可用的自定義屬性。4.2.2HTML控件的基本語法

HTML控件的基本語法： <HTML標(biāo)記

Id=“控件名稱”

Runat=“Server”>4.2.3HTML控件詳解

1.HTML服務(wù)器控件的共同屬性

幾個共同的屬性：

(1)Innerhtml

(2)InnerText

(3)Disable(4)

Visible

(5)Value(6)Attributes(7)Style。

2.HtmlAnchor控件

HtmlAnchor控件的主要屬性和事件如下： (1)Href屬性：用來獲取或設(shè)置在HtmlAnchor服務(wù)器控件中指定的鏈接的URL目標(biāo)。

(2)Title屬性：用來獲取或設(shè)置當(dāng)鼠標(biāo)指針放在HtmlAnchor控件上所顯示的工具提示文本。 (3)Name屬性：獲取或設(shè)置HtmlAnchor服務(wù)器控件中定義的書簽名。

(4)Target屬性：獲取或設(shè)置要將Web頁內(nèi)容加載到的目標(biāo)窗口或框架。

4.2HTML服務(wù)器控件

(5) OnServerClick方法：用于指定在單擊HtmlAnchor控件時引發(fā)的處理程序。

例如：

<AId="HtmlAnchor1"

Href="aa.aspx" '單擊HtmlAnchor1時鏈接到的aa.aspx OnServerClick="AnchorBtn_Click" '單擊HtmlAnchor1時執(zhí)行AnchorBtn_Click事件

Ttarget="_blank" 'aa.aspx內(nèi)容呈現(xiàn)在新的、不帶框的窗口中

Title="在新窗口中打開aa.aspx" '當(dāng)鼠標(biāo)指針放在HtmlAnchor1上時顯示

Runat="Server"> </A> 3. HtmlInputButton控件

HtmlInputButton控件的主要屬性和事件如下：

(1)Type屬性：用來獲取HtmlInputControl的類型。表列出了Type屬性的各種不同可 能值及其含義。

(2)Value屬性：用來設(shè)置按鈕上的顯示的文本內(nèi)容。

(3)OnServerClick方法：該事件當(dāng)在Web頁上單擊HtmlInputButton控件時發(fā)生的處理 程序。

4.2HTML服務(wù)器控件【例4.1】使用HtmlAnchor和HtmlButton控件實現(xiàn)超鏈接及單擊按鈕的響應(yīng)。設(shè)計步驟如下： (1)在VS.NET中創(chuàng)建項目WebExamp4_1。

(2)

設(shè)計項目主頁面WebForm1.aspx，包含5個Html服務(wù)器控件，分別是：2個 HtmlAnchor控件、1個Text控件和2個HtmlButton控件。當(dāng)單擊2個HtmlAnchor控件時， 分別轉(zhuǎn)到“新浪”和“搜狐”網(wǎng)站，單擊HtmlButton控件時，在Text控件中顯示相關(guān)信息。 各控件的屬性設(shè)置見下表。

(3)在WebForm1.aspx界面的空白處雙擊，進(jìn)入程序編輯窗口，在Page_load()事件處理 中輸入以下程序代碼：

PrivateSubPage_Load(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)Handles MyBase.Load

'設(shè)置Anchor1和Anchor2的各項屬性值

Anchor1.InnerHtml="單擊進(jìn)入新浪網(wǎng)"

Anchor1.HRef=""4.2HTML服務(wù)器控件

Anchor1.Title="新浪"

Anchor2.InnerHtml="單擊進(jìn)入搜狐網(wǎng)，并在新窗口中打開"

Anchor2.HRef=" Anchor2.Target="_blank" '打開新窗口

Anchor2.Title="搜狐"

EndSubl

Button1_Click()事件處理中輸入以下程序代碼：

PrivateSubButton1_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs) HandlesButton1.Click

'設(shè)置當(dāng)按下Button1時在Text1上顯示的內(nèi)容

Text1.Value="您單擊了按鈕1"

EndSubl

在Button2_Click()事件處理中輸入以下程序代碼：

PrivateSubButton2_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs) HandlesButton2.Click

'設(shè)置當(dāng)按下Button2時在Text1上顯示的內(nèi)容

Text1.Value="您單擊了按鈕2"

EndSub(4) 編譯執(zhí)行程序，運行結(jié)果如圖所示。

4.2HTML服務(wù)器控件程序運行初始界面(b)單擊Anchor1時進(jìn)入新浪網(wǎng)站

(c)單擊Anchor2時進(jìn)入搜狐網(wǎng)站

4.2HTML服務(wù)器控件 4.HtmlInputImage控件

HtmlInputImage控件主要屬性和事件如下：

(1)Align屬性

(2)Alt屬性(3)Src屬性(4)OnServerClick方法 5.HtmlInputText控件

HtmlInputText控件的主要屬性和事件如下：

(1)Size屬性(2)MaxLength屬性(3)Value屬性(4)Type屬性

(5)ServerChange事件(6)OnServerChange方法 6.HtmlTextArea控件

HtmlInputText控件在控件工具箱中的圖標(biāo)為。文本框的尺寸由Cols和Rows屬性控制。

7.HtmlImage控件

HtmlImage控件的主要屬性如下：

(1)Align屬性

：各種可能的取值及其說明見表。

(2)Src屬性 (3)Alt屬性 (4)Border屬性 (5)Height屬性 (6)Width屬性4.2HTML服務(wù)器控件【例4.2】 使用HtmlImage、HtmlInputText和HtmlInputButton控件實現(xiàn)以下功能：驗證用戶的輸入 是否正確。如果用戶輸入的用戶名或密碼錯誤，顯示錯誤信息，并顯示一張哭喪的臉；如果用戶輸入的用戶名或密碼正確，則顯示歡迎信息，并顯示一張歡笑的臉。設(shè)計步驟如下： (1)

在VS.NET中創(chuàng)建項目WebExamp4_2 (2)

設(shè)計項目主頁面WebForm1.aspx,各控件的主要屬性設(shè)置見表。 (3)

雙擊Submit1按鈕，在Submit1_ServerClick()事件處理中輸入以下程序代碼：

PrivateSubSubmit1_ServerClick(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs) HandlesSubmit1.ServerClick Ifname.Value="guest"Andpassword.Value="123456"Then

'正確的用戶名為"guest"，密碼為"123456"

message.InnerHtml=“恭喜你，歡迎使用本系統(tǒng)”

IMG1.Src="c:smile.bmp" '設(shè)置IMG1的圖像源為"c:smile.bmp" IMG1.Alt=“笑臉” '若圖像不可用，在IMG1中顯示"笑臉"

Else message.InnerHtml="用戶名或密碼錯誤，請重新輸入"

IMG1.Src="c:cry.bmp" IMG1.Alt="哭臉"

EndIf EndSub

在Reset1_ServerClick()事件處理中輸入以下程序代碼：4.2HTML服務(wù)器控件

PrivateSubReset1_ServerClick(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)Handles

Reset1.ServerClick

控件的屬性設(shè)置

‘用戶名和密碼置空

name.Value=""

password.Value="" EndSub(4)編譯、運行程序。程序的運行結(jié)果見圖。

用戶名或密碼不正確時的顯示界面

4.2HTML服務(wù)器控件8.HtmlInputCheckBox控件

HtmlInputCheckBox控件的主要屬性和事件如下：

(1)Checked屬性(2)OnServerChange方法

9.HtmlInputRadioButton控件

HtmlInputRadioButton控件的主要屬性和事件如下： (1)Checked屬性(2)Name屬性(3)Value屬性 (4)ServerChange事件(5)OnServerChange方法

10.HtmlSelect控件 該控件的主要屬性和事件如下： (1)Multiple屬性(2)Size屬性 (3)SelectedIndex屬性(4)Items屬性 (5)Value屬性 (6)DataSource屬性 (7)DataValueField屬性

(8)DataTextField屬性(9)OnServerChange方法11.其他HTML服務(wù)器控件 其他HTML服務(wù)器控件對應(yīng)的HTML元素及用途見右表。4.3Web服務(wù)器控件 4.3.1Web服務(wù)器控件的層次結(jié)構(gòu) 圖4.7顯示了System.Web.UI.WebControls名稱空間中控件的層次結(jié)構(gòu)。圖4.7Web服務(wù)器控件的層次結(jié)構(gòu)

4.3.2Web服務(wù)器控件基本語法

Web服務(wù)器控件的基本語法：

<ASP:控件Id=“控件名稱”

Runat=“Server”

屬性1=“屬性設(shè)置值1”

屬性2=“屬性 設(shè)置值2”……></ASP:控件>或者 <ASP:控件Id=“控件名稱”Runat=“Server”/屬性1=“屬性設(shè)置值1”屬性2=“屬性 設(shè)置值2”……/>

4.3Web服務(wù)器控件4.3.3Web服務(wù)器控件詳解1.Button控件

Button控件的使用語法：

<ASP:Button屬性設(shè)置></ASP:Button>

或者

<ASP:Button屬性設(shè)置/>

Button控件主要屬性和事件如下：

(1)Enabled屬性

(2)Text屬性(3)

ToolTip屬性(4)

CommandName屬性

(5)CommandArgument屬性(6)OnClick事件

2.HyperLink控件

HyperLink控件的使用語法：

<ASP:Hyperlink屬性設(shè)置></ASP:Hyperlink>

或者 <ASP:Hyperlink屬性設(shè)置/>

HyperLink控件的主要屬性如下：

(1)Text屬性

(2)ImageUrl屬性 (3)

NavigateUrl屬性 (4)

Target屬性4.3Web服務(wù)器控件3.LinkButton控件

LinkButton控件的使用語法：

<ASP:LinkButton屬性設(shè)置></ASP:LinkButton>

或者 <ASP:LinkButton屬性設(shè)置/>

LinkButton控件的主要屬性和事件如下: (1)Text屬性

(2)Enabled屬性 (3)

ToolTip屬性 (4)

CommandName屬性(5)CommandArgument屬性 (6)Command事件4.ImageButton控件

ImageButton控件使用語法：

<ASP:ImageButton屬性設(shè)置></ASP:ImageButton>

或者 <ASP:ImageButton屬性設(shè)置/>

ImageButton控件的主要屬性和事件如下：

(1)Enabled屬性

(2)CommandName屬性 (3)

CommandArgument屬性 (4)ImageUrl屬性(5)ImageAlign屬性 (6)ToolTip屬性(7)OnClick事件5.Label控件

Label控件使用語法：

4.3Web服務(wù)器控件

<ASP:Label屬性設(shè)置></ASP:Label>

或者 <ASP:Label屬性設(shè)置/>

Label控件的主要屬性：

(1)

AutoSize屬性

(2)

Text屬性 (3)

TextAlign屬性：該屬性設(shè)置標(biāo)簽內(nèi)的文本的對齊方式。取值及其含義見表。 (4)

Font屬性(5)

Height屬性(6)Width屬性 圖TextAlign屬性的取值及其含義 6.TextBox控件

4.3Web服務(wù)器控件

TextBox控件使用語法：

<ASP:TextBox屬性設(shè)置></ASP:TextBox>

或者<ASP:TextBox屬性設(shè)置/>

TextBox控件的主要屬性和事件如下: (1)AutoPostBack屬性(2)Columns屬性(3)Rows屬性(4)MaxLength屬性 (5)ReadOnly屬性(6)Text屬性(7)Wrap屬性(8)TextMode屬性【例4.4】 使用Label、TextBox、HyperLink和Button控件實現(xiàn)以下功能：利用HyperLink

控件實現(xiàn)超鏈接，鏈接的網(wǎng)站由用戶文本框內(nèi)輸入的內(nèi)容決定。設(shè)計步驟如下：

(1)在VS.NET中創(chuàng)建項目WebExamp4_4。

(2)

設(shè)計項目主頁面WebForm1.aspx，各控件的主要屬性設(shè)置見表。

控件的屬性設(shè)置

4.3Web服務(wù)器控件(3) 雙擊ok按鈕，在ok_Click()事件處理中輸入以下程序代碼：

PrivateSubOk_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)Handles Button1.Click IfTextBox1.Text="新浪"Then HyperLink1.NavigateUrl=""

'設(shè)置單擊HyperLink1時定位的URL HyperLink1.Text="單擊進(jìn)入新浪網(wǎng)站"

HyperLink1.Target="_blank" '在新窗口中打開

EndIf IfTextBox1.Text="搜狐"Then HyperLink1.NavigateUrl="" HyperLink1.Text="單擊進(jìn)入搜狐網(wǎng)站"

HyperLink1.Target="_blank" EndIf EndSub reset_Click()事件處理中輸入以下程序代碼：

PrivateSubreset_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)Handles Button2.Click TextBox1.Text="" '文本框置空

EndSub4.3Web服務(wù)器控件 (4)編譯、運行程序。 在TextBox1中輸入“新浪”后，單擊“確定”按鈕，運行結(jié)果如圖4所示，單擊圖中超鏈接文本可在新窗口中打開“新浪”網(wǎng)站；在TextBox1中輸入“搜狐”后，單擊“確定”按鈕，運行結(jié)果如圖所示。 (a) (b)

圖程序運行結(jié)果

7.CheckBox控件和CheckBoxList控件

l

CheckBox控件使用語法：

ASP:CheckBox屬性設(shè)置></ASP:CheckBox>

或者<ASP:CheckBox屬性設(shè)置/>

4.3Web服務(wù)器控件

l

CheckBox控件的主要屬性和事件

(1)

Checked屬性(2)

Enabled屬性(3)

Text屬性 (4)

TextAlign屬性(5)AutoPostBack屬性(6)CheckedChanged事件

l

CheckBoxList控件是一個CheckBox控件組，CheckBoxList控件使用語法：

<ASP:CheckBoxList屬性設(shè)置></ASP:CheckBoxList>

或者 <ASP:CheckBoxList屬性設(shè)置/>

l

CheckBoxList控件的主要屬性和事件 (1)

AutoPostBack屬性 (2)DataSource屬性 (3)

DataTextField屬性

(4)

DataValueField屬性 (5)

Items屬性 (6)RepeatColumns屬性 (7)RepeatDirection屬性 (8)RepeatLayout屬性 (9)SelectedIndex屬性 (10)SelectedItem屬性 (11)TextAlign屬性 (12)SelectedIndexChanged事件

l

CheckBoxList控件的每個選項都有以下3個基本屬性 (1)Text：表示每個選項的文本。 (2)Value：表示每個選項的選項值。 (3)Selected：表示該選項是否選中。8.RadioButton控件和RadioButtonList控件

RadioButton控件使用語法：4.3Web服務(wù)器控件

<ASP:RadioButton屬性設(shè)置></ASP:RadioButton>

或者

<ASP:RadioButton屬性設(shè)置/>

l

RadioButton控件的主要屬性和事件 (1)AutoPostBack屬性(2)

Checked屬性(3)Text屬性(4)GroupName屬性

(5)

TextAlign屬性(6)

Enabled屬性(7)OnCheckedChanged事件

l RadioButtonList控件是單個控件，可作為單選按鈕列表項集合的父控件。

RadioButtonList控件使用語法：

<ASP:RadioButtonList屬性設(shè)置></ASP:RadioButtonList>

或者 <ASP:RadioButtonList屬性設(shè)置/>

l

RadioButtonList控件的主要屬性和事件

(1)AutoPostBack屬性

(2)

DataSource屬性

(3)DataTextField屬性

(4)DataValueField屬性

(5)Items屬性(6)

RepeatColumns屬性 (7)RepeatDirection屬性(8)RepeatLayout屬性(9)SelectedIndex屬性 (10)SelectedItem屬性(11)OnSelectedIndexChanged事件

l

RadioButtonList控件的每個選項都有以下3個基本屬性

(1)

Text：表示每個選項的文本。

(2)

Value：表示每個選項的選項值。

(3)

Selected：表示該選項是否選中。

4.3Web服務(wù)器控件【例4.5】使用CheckBox和RadioButtonList控件實現(xiàn)以下功能：制作一個注冊界面，通過TextBox 控件輸入用戶名和口令，選擇性別和愛好，按“確定”按鈕，在TextBox控件中顯示注冊 人的相關(guān)信息。

(1)在VS.NET中創(chuàng)建項目WebExamp4_5。

(2)

設(shè)計項目主頁面WebForm1.aspx，各控件的主要屬性設(shè)置見表?？丶膶傩栽O(shè)置

4.3Web服務(wù)器控件 (3) 雙擊ok按鈕，在ok_Click()事件處理中輸入以下程序代碼：

PrivateSubOk_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesOk.Click DimstrAsString Ifname.Text=""Orpassword.Text=""Then str="用戶名和口令均不能為空"

Else str="用戶"+name.Text+"性別"+xb.SelectedItem.Value+"口令是"+

password.Text Ifmusic.CheckedOrdrawing.CheckedOrsports.CheckedOrwriting.CheckedThen str=str+"愛好"

Ifmusic.CheckedThen str=str+music.Text EndIf Ifsports.CheckedThen str=str+sports.Text EndIf Ifwriting.CheckedThen str=str+writing.Text EndIf EndIf EndIf message.Text=str EndSub4.3Web服務(wù)器控件雙擊close按鈕，在close_Click()事件處理中輸入以下程序代碼：

PrivateSubclose_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)Handles close.Click Return EndSub（4）編譯、運行程序。輸入用戶名、口令，選擇性別和愛好后，單擊“確定”按鈕，運行結(jié)果如圖所示。程序運行結(jié)果

9.Image控件

Image控件使用語法：

<ASP:Image屬性設(shè)置></ASP:Image>

或者 <ASP:Image屬性設(shè)置/>

Image控件的主要屬性如下：

(1)

ImageUrl屬性

(2)

AlternateText屬性

(3)

ImageAlign屬性10.ListBox控件

ListBox控件使用語法：

<ASP:ListBox屬性設(shè)置></asp:ListBox>

或者<ASP:ListBox屬性設(shè)置/>4.3Web服務(wù)器控件

ListBox控件的主要屬性和事件如下： (1)AutoPostBack屬性(2)

Rows屬性 (3)

Items屬性：Items屬性是ListBox控件各選項的集合。每個列表項都是一個單獨的對象， 具有自己的屬性，見表。

ListBox控件中每個選項的基本屬性 (4)SelectionMode屬性：該屬性指明一次是否可多選。SelectionMode屬性的各種取值極其 含義見表。SelectionMode屬性的各種取值及其含義

4.3Web服務(wù)器控件

(5)

SelectedIndex屬性 (6)SelectedIndices屬性 (7)SelectedItem屬性

(8)

SelectedItems屬性

(9)

SelectedValue屬性 (10)

DataSource屬性

(11)

DataTextField屬性 (12)

DataValueField屬性 (13)SelectedIndexChanged事件11.DropDownList控件

DropDownList控件使用語法：

<ASP:DropDownList屬性設(shè)置></ASP:DropDownList>

或者<ASP:DropDownList屬性設(shè)置/>

DropDownList控件的主要屬性和事件如下：

(1)AutoPostBack屬性(2)

Items屬性(3)

DataSource屬性(4)

DataTextField屬性 (5)

DataValueField屬性(6)

SelectedIndexChanged事件【例4.6】使用ListBox和DropDownList控件實現(xiàn)以下功能：設(shè)計一個曲目選擇界面，通過圖 像按鈕在可供選擇的曲目的列表和選定曲目列表中移動曲目，在下拉列表中選擇播 放方式，按“播放”按鈕，在TextBox控件中顯示相關(guān)信息，按“停止”按鈕退出。設(shè) 計步驟如下：

(1)

在VS.NET中創(chuàng)建項目WebExamp4_6。 (2)

設(shè)計項目主頁面WebForm1.aspx，各控件的主要屬性設(shè)置見表4.16。

4.3Web服務(wù)器控件表4.16控件的屬性設(shè)置 (3)

在WebForm1.aspx界面的空白處雙擊，進(jìn)入程序編輯窗口，在Page_load()事件處理中輸 入以下程序代碼：

PrivateSubPage_Load(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)Handles MyBase.Load

'初始化gxqm列表，添加曲目名

4.3Web服務(wù)器控件

gxqm.Items.Add("幻想即興曲")

gxqm.Items.Add("車隊波羅乃茲")

gxqm.Items.Add("馬祖卡舞曲")

gxqm.Items.Add("英雄波羅乃茲")

gxqm.Items.Add("革命練習(xí)曲")

gxqm.Items.Add("圓舞曲")

gxqm.Items.Add("悲傷練習(xí)曲")

gxqm.Items.Add("降E大調(diào)夜曲")

gxqm.Items.Add("升C小調(diào)練習(xí)曲")

EndSubl

雙擊ImageButton1按鈕，在ImageButton1_Click()事件處理中輸入以下程序代碼：

PrivateSubImageButton1_Click(ByValsenderAsSystem.Object,ByValeAs System.Web.UI.ImageClickEventArgs)HandlesImageButton1.Click gxqm.Items.Add(xdqm.SelectedItem.Value) '將xdqm列表中選中曲目添加到gxqm列表中

xdqm.Items.Remove(xdqm.SelectedItem) ‘將xdqm列表中選中的曲目刪除

EndSubl

雙擊ImageButton2按鈕，在ImageButton2_Click()事件處理中輸入以下程序代碼：

PrivateSubImageButton2_Click(ByValsenderAsSystem.Object,ByValeAs System.Web.UI.ImageClickEventArgs)HandlesImageButton2.Click xdqm.Items.Add(gxqm.SelectedItem.Value) '將gxqm列表中選中曲目添加到xdqm列表中

gxqm.Items.Remove(gxqm.SelectedItem) '將gxqm列表中選中的曲目刪除

EndSub4.3Web服務(wù)器控件

l

雙擊ImageButton3按鈕，在ImageButton3_Click()事件處理中輸入以下程序代碼：

PrivateSubImageButton3_Click(ByValsenderAsSystem.Object,ByValeAs System.Web.UI.ImageClickEventArgs)HandlesImageButton3.Click DimiAsInt16 Fori=0Togxqm.Items.Count-1 xdqm.Items.Add(gxqm.Items(i).Value)‘ 將gxqm列表中的第i項添加到xdqm列表中

Next gxqm.Items.Clear() '將gxqm列表中所有曲目刪除

EndSub l

雙擊ImageButton4按鈕，在ImageButton4_Click()事件處理中輸入以下程序代碼：

PrivateSubImageButton4_Click(ByValsenderAsSystem.Object,ByValeAs System.Web.UI.ImageClickEventArgs)HandlesImageButton4.Click DimiAsInt16 Fori=0Toxdqm.Items.Count-1 gxqm.Items.Add(xdqm.Items(i).Value) '將xdqm列表中的第i項添加到gxqm列表中

Next xdqm.Items.Clear() '將xdqm列表中所有曲目刪除

EndSub l

雙擊ok_按鈕，在ok__Click()事件處理中輸入以下程序代碼：

PrivateSubok_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)Handlesok.Click message.Text=“您共選擇了”+xdqm.Items.Count.ToString+“個曲目，以”+

bffs.SelectedItem.Value+“方式播放" 'message中顯示相關(guān)信息4.3Web服務(wù)器控件

EndSub

雙擊close_按鈕，在close__Click()事件處理中輸入以下程序代碼：

PrivateSubclose_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)Handles close.Click Return'退出

EndSub (4)

編譯、運行程序。選中3首曲目添加到選定曲目列表中，再在下拉列表中選擇“隨機(jī)播放”，單擊“播放”按鈕，運行結(jié)果如圖所示。

圖4.10程序運行結(jié)果4.3Web服務(wù)器控件 12.Table、TableRow和TableCell控件

Table控件使用語法：

<ASP:Table屬性設(shè)置></ASP:Table>

或者<ASP:Table屬性設(shè)置/>

lTable控件的主要屬性如下： (1)CellPadding屬性