Web服务器控件的使用(ppt 41页).ppt

1、第三章,Web 服务器控件,2,回顾,ASP.NET 页文件是含有将在 Web 服务器上执行代码的文件。其扩展名是 .aspx 或 .ascx ASP.NET页面中使用两种类型的脚本： 服务器端脚本 客户端脚本 事件处理程序实际上就是一个子程序，执行任何给定事件的相关代码 在页面加载时引发 Page_Load 事件 Page.IsPostback 属性用于检查页面是否为首次加载 ViewState是ASP.NET中用来保存WEB控件回传时状态值的页面隐藏控件 ASP.NET代码隐藏文件使开发人员可以在 C# 或 Visual Basic.NET 类中编写控制它们的页的逻辑，这样可与 HTML代

2、码清楚地分离开来,3,目标,使用文本输入控件 使用控制权转移控件 使用选择控件 讨论其他控件,4,Web 控件简介,控件是用于在 Web 窗体执行所有任务的工具 控件定义 Web 窗体的外观 Microsoft Visual Studio .NET 提供了两种可用于 Web 窗体的控件，分别为： Web 服务器控件 HTML 控件,5,添加 Web 服务器控件,使用 Web 窗体设计器添加 Web 服务器控件：,Web 服务器控件面板,双击或单击并拖动 Web 服务器控件，将其添加到 Web 窗体,6,Web 服务器控件的类型,内部控件 文本输入控件 控制权转移控件 选择控件 容器控件 其他控

3、件 用于某些特定用途的专用控件,7,文本输入控件,TextBox 控件 用作将由用户或程序员输入的文本的占位符，输入的文本可以用程序读取 Label 标签 - 用作将由程序员在设计时或运行时输入的文本的占位符。在此控件内不能进行用户交互,有两种类型的文本输入控件：,8,Label 和TextBox 的属性和事件,Label 的属性：,TextChanged 事件 用户输入信息后离开 TextBox Web 服务器控件时，控件引发程序员可以处理的此事件。,9,使用文本输入控件,private void txtUserName_TextChanged(object sender, System.E

4、ventArgs e) lblUserNm.Text=txtUserName.Text; ,Label 控件,文本属性,TextBox 控件,文本属性,10,控制权转移控件,有四种类型的控制权转移控件：,Button 控件 显示标准 HTML 窗体按钮 ImageButton 控件 - 显示图像窗体按钮 LinkButton 控件 - 在按钮上显示超文本链接 Hyperlink 控件 - 在某些文本上显示超文本链接,11,Button 的属性和事件,12,ImageButton 的属性和事件,13,LinkButton 的属性和事件,14,超链接属性,注意：此控件没有公开事件,15,使用控制权

5、转移控件,处理 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,使用控制权转移控件,Butt

6、on 控件,ImageButton 控件,Hyperlink 控件,17,选择控件,有四种类型的选择控件：,CheckBox 为用户提供一种方法在 true/false、yes/no 或 on/off 选项之间切换 RadioButton - 用于只从选项列表中选择一个选项 DropdownList - 允许用户从预定义列表中选择一项 ListBox - 允许用户从预定义列表中选择一项或多项,18,Checkbox：属性和事件,CheckedChanged 事件 - 当 Checked 属性值在发布到服务器的各个操作之间发生变化时发生,19,RadioButton：属性和事件,CheckedC

7、hanged 事件 - 当 Checked 属性值在发布到服务器的各个操作之间发生变化时发生,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 服务器控件提供一个位于 Web 窗体页的容器控件，该控件可用作静态文本和其他控件的父级 Placeholder 控件 - 存储动态添加到网页上的服务器控件

10、的容器,26,Placeholder：属性和事件,属性： 最常用属性是用于添加/删除此容器控件的子控件的 Controls 属性,事件： 所有的事件都继承自 System.Web.UI.WebControls.WebControl 类 通常不处理此控件的事件，子控件的特定事件按照控件的方式进行处理,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=学号;,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 用于显示横幅广告集合中的随机选择内容，该集合在基于 XML 的广告文件中指定 Calendar - 允许开发人员提供基于日历的界面，用于选择日期或查看与日期相关的数据,其他控件是用于特定用途的控件，只

16、能用于特殊任务,32,AdRotator：属性和事件,33, ,AdRotator 调用的XML文件广告,34,使用 AdRotator 控件 3-1,注意：添加 AdRotator 控件之后，右击“项目”，“添加新项”，然后选择如图所示的“XML 文件”，从而创建包含广告图像的 XML 文件,35,使用 AdRotator 控件 3-2,新建 XML 文件之后，将以下 XML 代码添加到此文件中：, images/Bluehills.gif 冬日站点 60 Users images/Sunset.gif 夏日站点 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