1、第三章,Web 服務(wù)器控件,2,回顧,ASP.NET 頁文件是含有將在 Web 服務(wù)器上執(zhí)行代碼的文件。其擴(kuò)展名是 .aspx 或 .ascx ASP.NET頁面中使用兩種類型的腳本： 服務(wù)器端腳本 客戶端腳本 事件處理程序?qū)嶋H上就是一個(gè)子程序，執(zhí)行任何給定事件的相關(guān)代碼 在頁面加載時(shí)引發(fā) Page_Load 事件 Page.IsPostback 屬性用于檢查頁面是否為首次加載 ViewState是ASP.NET中用來保存WEB控件回傳時(shí)狀態(tài)值的頁面隱藏控件 ASP.NET代碼隱藏文件使開發(fā)人員可以在 C# 或 Visual Basic.NET 類中編寫控制它們的頁的邏輯，這樣可與 HTML代

2、碼清楚地分離開來,3,目標(biāo),使用文本輸入控件 使用控制權(quán)轉(zhuǎn)移控件 使用選擇控件 討論其他控件,4,Web 控件簡(jiǎn)介,控件是用于在 Web 窗體執(zhí)行所有任務(wù)的工具 控件定義 Web 窗體的外觀 Microsoft Visual Studio .NET 提供了兩種可用于 Web 窗體的控件，分別為： Web 服務(wù)器控件 HTML 控件,5,添加 Web 服務(wù)器控件,使用 Web 窗體設(shè)計(jì)器添加 Web 服務(wù)器控件：,Web 服務(wù)器控件面板,雙擊或單擊并拖動(dòng) Web 服務(wù)器控件，將其添加到 Web 窗體,6,Web 服務(wù)器控件的類型,內(nèi)部控件 文本輸入控件 控制權(quán)轉(zhuǎn)移控件 選擇控件 容器控件 其他控

3、件 用于某些特定用途的專用控件,7,文本輸入控件,TextBox 控件 用作將由用戶或程序員輸入的文本的占位符，輸入的文本可以用程序讀取 Label 標(biāo)簽 - 用作將由程序員在設(shè)計(jì)時(shí)或運(yùn)行時(shí)輸入的文本的占位符。在此控件內(nèi)不能進(jìn)行用戶交互,有兩種類型的文本輸入控件：,8,Label 和TextBox 的屬性和事件,Label 的屬性：,TextChanged 事件 用戶輸入信息后離開 TextBox Web 服務(wù)器控件時(shí)，控件引發(fā)程序員可以處理的此事件。,9,使用文本輸入控件,private void txtUserName_TextChanged(object sender, System.E

4、ventArgs e) lblUserNm.Text=txtUserName.Text; ,Label 控件,文本屬性,TextBox 控件,文本屬性,10,控制權(quán)轉(zhuǎn)移控件,有四種類型的控制權(quán)轉(zhuǎn)移控件：,Button 控件 顯示標(biāo)準(zhǔn) HTML 窗體按鈕 ImageButton 控件 - 顯示圖像窗體按鈕 LinkButton 控件 - 在按鈕上顯示超文本鏈接 Hyperlink 控件 - 在某些文本上顯示超文本鏈接,11,Button 的屬性和事件,12,ImageButton 的屬性和事件,13,LinkButton 的屬性和事件,14,超鏈接屬性,注意：此控件沒有公開事件,15,使用控制權(quán)

5、轉(zhuǎn)移控件,處理 ImageButton 的 Click 事件,private void btnTenNews_Click(object sender, System.EventArgs e) / 處理按鈕 Click 事件 lblStatus.Text=已單擊按鈕！; private void imgBtnSoccer_Click(object sender, System.Web. UI.ImageClickEventArgs e) / 處理按鈕 Click 事件 lblStatus.Text=已單擊圖像按鈕！; ,處理 Button 的 Click 事件,16,使用控制權(quán)轉(zhuǎn)移控件,Butt

6、on 控件,ImageButton 控件,Hyperlink 控件,17,選擇控件,有四種類型的選擇控件：,CheckBox 為用戶提供一種方法在 true/false、yes/no 或 on/off 選項(xiàng)之間切換 RadioButton - 用于只從選項(xiàng)列表中選擇一個(gè)選項(xiàng) DropdownList - 允許用戶從預(yù)定義列表中選擇一項(xiàng) ListBox - 允許用戶從預(yù)定義列表中選擇一項(xiàng)或多項(xiàng),18,Checkbox：屬性和事件,CheckedChanged 事件 - 當(dāng) Checked 屬性值在發(fā)布到服務(wù)器的各個(gè)操作之間發(fā)生變化時(shí)發(fā)生,19,RadioButton：屬性和事件,CheckedC

7、hanged 事件 - 當(dāng) Checked 屬性值在發(fā)布到服務(wù)器的各個(gè)操作之間發(fā)生變化時(shí)發(fā)生,20,DropdownList 屬性,21,DropdownList 事件,22,ListBox：屬性和事件,23,使用選擇控件,private void radGenderM_CheckedChanged(object sender, System.EventArgs e) strGender=“男; private void cboSalRange_SelectedIndexChanged(object sender, System.EventArgs e) strSalRange= cboSal

8、Range.SelectedItem.Text; private void chkMusic_CheckedChanged(object sender, System.EventArgs e) if(strHobbies=) strHobbies=strHobbies + chkMusic.Text; else strHobbies=strHobbies + , + chkMusic.Text; private void lstOwnership_SelectedIndexChanged(object sender, System.EventArgs e) if(strOwnership=)

9、strOwnership=strOwnership + lstOwnership.SelectedValue; else strOwnership=strOwnership + , + lstOwnership.SelectedValue; ,顯示處理 Checkbox/RadioButton/DropdownList/List 控件的代碼片段,24,使用選擇控件,25,容器控件,有兩種類型的容器控件：,Panel 控件 Panel Web 服務(wù)器控件提供一個(gè)位于 Web 窗體頁的容器控件，該控件可用作靜態(tài)文本和其他控件的父級(jí) Placeholder 控件 - 存儲(chǔ)動(dòng)態(tài)添加到網(wǎng)頁上的服務(wù)器控件

10、的容器,26,Placeholder：屬性和事件,屬性： 最常用屬性是用于添加/刪除此容器控件的子控件的 Controls 屬性,事件： 所有的事件都繼承自 System.Web.UI.WebControls.WebControl 類 通常不處理此控件的事件，子控件的特定事件按照控件的方式進(jìn)行處理,27,private void btnAdd_Click(object sender, System.EventArgs e) Panel pnPerson=new Panel() ; switch(nNumber % 3) case 1: pnPerson.BackColor=Color.Red;

11、 break; case 2: pnPerson.BackColor=Color.Green; break; default: pnPerson.BackColor=Color.Blue; break; Table tbTemp=new Table(); /添加姓名 TableRow objRow=new TableRow(); TableCell tcLblName=new TableCell(); tcLblName.Text=姓名; objRow.Cells.Add(tcLblName); TableCell tcTxtName=new TableCell(); TextBox txtO

12、bjName=new TextBox();,28,txtObjName.Text=this.txtName.Text; tcTxtName.Controls.Add(txtObjName); objRow.Cells.Add(tcTxtName); TableCell tcLblSex=new TableCell(); tcLblSex.Text=性別; objRow.Cells.Add(tcLblSex); TableCell tcTxtSex=new TableCell(); TextBox txtObjSex=new TextBox(); for(int i=0;i=this.rdlSe

13、x.Items.Count-1;i+) if (this.rdlSex.Itemsi.Selected=true) txtObjSex.Text=this.rdlSex.Itemsi.Text; tcTxtSex.Controls.Add(txtObjSex); objRow.Cells.Add(tcTxtSex); tbTemp.Rows.Add(objRow); /添加第二行 TableRow objRow2=new TableRow(); TableCell tcLblNum=new TableCell(); tcLblNum.Text=學(xué)號(hào);,29,objRow2.Cells.Add(

14、tcLblNum); TableCell tcTxtNum=new TableCell(); tcTxtNum.Text=this.txtNumber.Text; objRow2.Cells.Add(tcTxtNum); TableCell tcLblHobby=new TableCell(); tcLblHobby.Text=愛好; objRow2.Cells.Add(tcLblHobby); TableCell tcTxtHobby=new TableCell(); foreach(ListItem li in this.cklHobby.Items ) if(li.Selected=tr

15、ue) tcTxtHobby.Text+=li.Text+,; objRow2.Cells.Add(tcTxtHobby); tbTemp.Rows.Add(objRow2); pnPerson.Controls.Add(tbTemp);this.phControls.Controls.Add(pnPerson); nNumber+=1; ,30,使用容器控件,31,其他控件,AdRotator 用于顯示橫幅廣告集合中的隨機(jī)選擇內(nèi)容，該集合在基于 XML 的廣告文件中指定 Calendar - 允許開發(fā)人員提供基于日歷的界面，用于選擇日期或查看與日期相關(guān)的數(shù)據(jù),其他控件是用于特定用途的控件，只

16、能用于特殊任務(wù),32,AdRotator：屬性和事件,33, ,AdRotator 調(diào)用的XML文件廣告,34,使用 AdRotator 控件 3-1,注意：添加 AdRotator 控件之后，右擊“項(xiàng)目”，“添加新項(xiàng)”，然后選擇如圖所示的“XML 文件”，從而創(chuàng)建包含廣告圖像的 XML 文件,35,使用 AdRotator 控件 3-2,新建 XML 文件之后，將以下 XML 代碼添加到此文件中：, images/Bluehills.gif 冬日站點(diǎn) 60 Users images/Sunset.gif 夏日站點(diǎn) 80 Developers ,指定廣告屬性的 XML 代碼,36,使用 AdR

17、otator 控件 3-3,37,Calendar：屬性和事件,38,使用 Calendar 控件 3-1,39,private void btnStart_Click(object sender, System.EventArgs e) this.hdTemp.Value=Start; calStEndDt.StyleLEFT=(int.Parse(btnStart.StyleLEFT. Substring(0,btnStart.StyleLEFT.Length -2). ToString()+btnStart.Width+px; calStEndDt.StyleTOP=(int.Parse(btnStart.StyleTOP. Substring(0,btnStart.StyleTOP.Length -2). ToString()+btnStart.Height +px; calStEndDt.Visible=true; ,使用 Calendar 控件 3-2,40,private void calStEndDt_SelectionChanged(object sender, System.EventArgs e) if (this.hdTemp.Value=End) txtEnd.Text=calStEndDt.SelectedDate.ToS