Web服务器控件培训教程(ppt 42页)

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

2、可以在 C# 或 Visual Basic.NET 类中编写控制它们的页的逻辑，这样可与 HTML代码清楚地分离开来2007 iSoftStone Holdings Ltd. All Rights Reserved.3目标 使用文本输入控件 使用控制权转移控件 使用选择控件 讨论其他控件2007 iSoftStone Holdings Ltd. All Rights Reserved.4Web 控件简介q 控件是用于在 Web 窗体执行所有任务的工具q 控件定义 Web 窗体的外观q Microsoft Visual Studio .NET 提供了两种可用于 Web 窗体的控件，分别为：q W

3、eb 服务器控件q HTML 控件 2007 iSoftStone Holdings Ltd. All Rights Reserved.5添加 Web 服务器控件使用 Web 窗体设计器添加 Web 服务器控件：Web 服务器控件面板双击或单击并拖动 Web 服务器控件，将其添加到 Web 窗体2007 iSoftStone Holdings Ltd. All Rights Reserved.6Web 服务器控件的类型q 内部控件q文本输入控件q控制权转移控件q选择控件q容器控件q 其他控件 用于某些特定用途的专用控件2007 iSoftStone Holdings Ltd. All Righ

4、ts Reserved.7文本输入控件 TextBox 控件 用作将由用户或程序员输入的文本的占位符，输入的文本可以用程序读取 Label 标签 - 用作将由程序员在设计时或运行时输入的文本的占位符。在此控件内不能进行用户交互有两种类型的文本输入控件：2007 iSoftStone Holdings Ltd. All Rights Reserved.8Label 和TextBox 的属性和事件属性名称说明Text获取或设置 Label 控件中的数据Label 的属性：属性名称说明Text获取或设置 TextBox 控件中的数据TextMode 显示模式：单行、多行或密码文本ReadOnly 防

5、止用户更改文本AutoPostBack 设置为 True 时，当用户更改内容后离开控件时，导致控件触发 TextChanged postback 事件。默认情况下设置为 False.TextChanged 事件 用户输入信息后离开 TextBox Web 服务器控件时，控件引发程序员可以处理的此事件。2007 iSoftStone Holdings Ltd. All Rights Reserved.9使用文本输入控件 private void txtUserName_TextChanged(object sender, System.EventArgs e) lblUserNm.Text=tx

6、tUserName.Text; Label 控件文本属性TextBox 控件文本属性2007 iSoftStone Holdings Ltd. All Rights Reserved.10控制权转移控件有四种类型的控制权转移控件： Button 控件 显示标准 HTML 窗体按钮 ImageButton 控件 - 显示图像窗体按钮 LinkButton 控件 - 在按钮上显示超文本链接 Hyperlink 控件 - 在某些文本上显示超文本链接2007 iSoftStone Holdings Ltd. All Rights Reserved.11Button 的属性和事件属性名称说明Text获取

7、/设置按钮上显示的文本事件名称事件名称说明说明Click单击按钮时会引发该事件，且包含该按钮的窗体会提交给服务器2007 iSoftStone Holdings Ltd. All Rights Reserved.12ImageButton 的属性和事件属性名称属性名称说明说明Text获取/设置按钮上显示的文本ImageURL 指定按钮图像的 URL事件名称事件名称说明说明Click 单击按钮时会引发该事件，且包含该按钮的窗体会提交给服务器2007 iSoftStone Holdings Ltd. All Rights Reserved.13LinkButton 的属性和事件 属性名称属性名称说

8、明说明Text获取/设置按钮上显示的文本 ImageURL 指定按钮图像的 URL事件名称事件名称说明说明Click 单击按钮时会引发该事件，且包含该按钮的窗体会提交给服务器2007 iSoftStone Holdings Ltd. All Rights Reserved.14超链接属性 属性名称属性名称说明说明Text链接的文本标签Target 链接的目标窗口或框架。可能的值为 _top、 _self、_parent、_search 或 _blankNavigateURL 单击链接时用户即将链接到的页面的 URLImageURL 指定用于链接的图像的 URL注意：此控件没有公开事件2007

9、iSoftStone Holdings Ltd. All Rights Reserved.15使用控制权转移控件处理 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=已单击图

10、像按钮！;处理 Button 的 Click 事件2007 iSoftStone Holdings Ltd. All Rights Reserved.16使用控制权转移控件Button 控件ImageButton控件Hyperlink 控件2007 iSoftStone Holdings Ltd. All Rights Reserved.17选择控件 有四种类型的选择控件： CheckBox 为用户提供一种方法在 true/false、yes/no 或 on/off 选项之间切换 RadioButton - 用于只从选项列表中选择一个选项 DropdownList - 允许用户从预定义列表中选

11、择一项 ListBox - 允许用户从预定义列表中选择一项或多项2007 iSoftStone Holdings Ltd. All Rights Reserved.18Checkbox：属性和事件 属性名称说明Text获得/设置与 CheckBox 关联的文本标签AutoPostBack 获取或设置指示单击时 CheckBox 状态是否自动发回到服务器的值Checked 获取或设置指示是否选中 CheckBox 控件的值q CheckedChanged 事件 - 当 Checked 属性值在发布到服务器的各个操作之间发生变化时发生2007 iSoftStone Holdings Ltd. Al

12、l Rights Reserved.19RadioButton：属性和事件属性名称说明Text获取或设置与 RadioButton 关联的文本标签AutoPostBack 获取或设置指示单击时 RadioButton 状态是否自动发回到服务器的值Checked 获取或设置指示是否选中 RadioButton 控件的值q CheckedChanged 事件 - 当 Checked 属性值在发布到服务器的各个操作之间发生变化时发生2007 iSoftStone Holdings Ltd. All Rights Reserved.20DropdownList 属性属性名称属性名称说明说明AutoPo

13、stBack 获取或设置指示单击时 DropdownList 状态是否自动发回到服务器的值DataMember 获取或设置数据源中的特定表格以绑定到该控件DataSource获取或设置填充列表控件项的数据源DataTextField获取或设置提供列表项内容的数据源字段DataTextFormatString 获取或设置用于控制如何显示绑定到列表控件的数据的格式字符串DataValueField 获取或设置提供列表项文本内容的数据源字段2007 iSoftStone Holdings Ltd. All Rights Reserved.21DropdownList 事件事件名称事件名称说明说明Se

14、lectedIndexChanged 当从列表控件选择的内容在发布到服务器的操作之间发生变化时发生2007 iSoftStone Holdings Ltd. All Rights Reserved.22ListBox：属性和事件 属性名称属性名称说明说明Rows 获取或设置 ListBox 控件中显示的行数SelectionMode 获取或设置 ListBox 控件的选择模式事件名称事件名称说明说明SelectedIndexChanged 当从列表控件选择的内容在发布到服务器的操作之间发生变化时发生2007 iSoftStone Holdings Ltd. All Rights Reserve

15、d.23使用选择控件 private void radGenderM_CheckedChanged(object sender, System.EventArgs e)strGender=“男; private void cboSalRange_SelectedIndexChanged(object sender, System.EventArgs e)strSalRange= cboSalRange.SelectedItem.Text; private void chkMusic_CheckedChanged(object sender, System.EventArgs e)if(strH

16、obbies=)strHobbies=strHobbies + chkMusic.Text;elsestrHobbies=strHobbies + , + chkMusic.Text;private void lstOwnership_SelectedIndexChanged(object sender, System.EventArgs e)if(strOwnership=)strOwnership=strOwnership + lstOwnership.SelectedValue;elsestrOwnership=strOwnership + , + lstOwnership.Select

17、edValue; 显示处理 Checkbox/RadioButton/DropdownList/List 控件的代码片段2007 iSoftStone Holdings Ltd. All Rights Reserved.24使用选择控件 2007 iSoftStone Holdings Ltd. All Rights Reserved.25容器控件 有两种类型的容器控件： Panel 控件 Panel Web 服务器控件提供一个位于 Web 窗体页的容器控件，该控件可用作静态文本和其他控件的父级 Placeholder 控件 - 存储动态添加到网页上的服务器控件的容器2007 iSoftSto

18、ne Holdings Ltd. All Rights Reserved.26Placeholder：属性和事件属性：属性：最常用属性是用于添加/删除此容器控件的子控件的 Controls 属性事件：事件：所有的事件都继承自 System.Web.UI.WebControls.WebControl 类通常不处理此控件的事件，子控件的特定事件按照控件的方式进行处理2007 iSoftStone Holdings Ltd. All Rights Reserved.27private void btnAdd_Click(object sender, System.EventArgs e)Panel

19、pnPerson=new Panel() ;switch(nNumber % 3)case 1:pnPerson.BackColor=Color.Red;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.

20、Add(tcLblName);TableCell tcTxtName=new TableCell();TextBox txtObjName=new TextBox();2007 iSoftStone Holdings Ltd. All Rights Reserved.28txtObjName.Text=this.txtName.Text;tcTxtName.Controls.Add(txtObjName);objRow.Cells.Add(tcTxtName);TableCell tcLblSex=new TableCell();tcLblSex.Text=性别;objRow.Cells.Ad

21、d(tcLblSex);TableCell tcTxtSex=new TableCell();TextBox txtObjSex=new TextBox();for(int i=0;i=this.rdlSex.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 obj

22、Row2=new TableRow();TableCell tcLblNum=new TableCell();tcLblNum.Text=学号;2007 iSoftStone Holdings Ltd. All Rights Reserved.29objRow2.Cells.Add(tcLblNum);TableCell tcTxtNum=new TableCell();tcTxtNum.Text=this.txtNumber.Text;objRow2.Cells.Add(tcTxtNum);TableCell tcLblHobby=new TableCell();tcLblHobby.Tex

23、t=爱好;objRow2.Cells.Add(tcLblHobby);TableCell tcTxtHobby=new TableCell();foreach(ListItem li in this.cklHobby.Items )if(li.Selected=true)tcTxtHobby.Text+=li.Text+,;objRow2.Cells.Add(tcTxtHobby);tbTemp.Rows.Add(objRow2);pnPerson.Controls.Add(tbTemp);this.phControls.Controls.Add(pnPerson);nNumber+=1;20

24、07 iSoftStone Holdings Ltd. All Rights Reserved.30使用容器控件 2007 iSoftStone Holdings Ltd. All Rights Reserved.31其他控件q AdRotator 用于显示横幅广告集合中的随机选择内容，该集合在基于 XML 的广告文件中指定q Calendar - 允许开发人员提供基于日历的界面，用于选择日期或查看与日期相关的数据其他控件是用于特定用途的控件，只能用于特殊任务2007 iSoftStone Holdings Ltd. All Rights Reserved.32AdRotator：属性和事件属

25、性名称属性名称说明说明AdvertisementFile 获取或设置包含广告信息的 XML 文件的路径KeywordFilter 获取或设置分类关键字过滤 XML 广告文件中特定类型的广告事件名称事件名称说明说明AdCreated 创建控件后访问服务器的每个往返周期发生一次，但是在显示网页之前发生2007 iSoftStone Holdings Ltd. All Rights Reserved.33 AdRotator 调用的XML文件广告2007 iSoftStone Holdings Ltd. All Rights Reserved.34使用 AdRotator 控件 3-1注意：添加 A

26、dRotator 控件之后，右击“项目”，“添加新项”，然后选择如图所示的“XML 文件”，从而创建包含广告图像的 XML 文件2007 iSoftStone Holdings Ltd. All Rights Reserved.35使用 AdRotator 控件 3-2新建 XML 文件之后，将以下 XML 代码添加到此文件中： images/Bluehills.gif 冬日站点 60 Users images/Sunset.gif http:/ 夏日站点 80 Developers 指定广告属性的 XML 代码2007 iSoftStone Holdings Ltd. All Rights

27、Reserved.36使用 AdRotator 控件 3-32007 iSoftStone Holdings Ltd. All Rights Reserved.37Calendar：属性和事件属性名称属性名称说明说明SelectedDate 获取或设置选定的日期TodaysDate 获取或设置当前日期SelectionMode 获取或设置 Calendar 控件中的日期选择模式，该模式指定用户是否可以选择一天、一周或一整月事件名称事件名称说明说明SelectionChanged 用户单击日期选择器控件以选择一天、一周或一整月时发生2007 iSoftStone Holdings Ltd. All Rights Reserved.38使用 Calendar 控件 3-1 2007 iSoftStone Holdings Ltd. All