ASP1net第三章Web服务器控ppt课件

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

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

3、某些特定用途的公用控件文本输入控件 TextBox 控件 用作将由用户或程序员输入的文本的占位符，输入的文本可以用程序读取 Label 标签 - 用作将由程序员在设计时或运转时输入的文本的占位符。在此控件内不能进展用户交互有两种类型的文本输入控件：Label 和TextBox 的属性和事件属性称号阐明Text获取或设置 Label 控件中的数据Label 的属性：属性称号阐明Text获取或设置 TextBox 控件中的数据TextMode 显示方式：单行、多行或密码文本ReadOnly 防止用户更改文本AutoPostBack 设置为 True 时，当用户更改内容后分开控件时，导致控件触发 T

4、extChanged postback 事件。默许情况下设置为 False.TextChanged 事件 用户输入信息后分开 TextBox Web 效力器控件时，控件引发程序员可以处置的此事件。运用文本输入控件 private void txtUserName_TextChanged(object sender, System.EventArgs e) lblUserNm.Text=txtUserName.Text; Label 控件文本属性TextBox 控件文本属性控制权转移控件有四种类型的控制权转移控件： Button 控件 显示规范 HTML 窗体按钮 ImageButton 控件

5、- 显示图像窗体按钮 LinkButton 控件 - 在按钮上显示超文本链接 Hyperlink 控件 - 在某些文本上显示超文本链接Button 的属性和事件属性称号阐明Text获取/设置按钮上显示的文本事件称号事件称号阐明阐明Click单击按钮时会引发该事件，且包含该按钮的窗领会提交给效力器ImageButton 的属性和事件属性称号属性称号阐明阐明Text获取/设置按钮上显示的文本ImageURL 指定按钮图像的 URL事件称号事件称号阐明阐明Click 单击按钮时会引发该事件，且包含该按钮的窗领会提交给效力器LinkButton 的属性和事件 属性称号属性称号阐明阐明Text获取/设置

6、按钮上显示的文本 ImageURL 指定按钮图像的 URL事件称号事件称号阐明阐明Click 单击按钮时会引发该事件，且包含该按钮的窗领会提交给效力器超链接属性 属性称号属性称号阐明阐明Text链接的文本标签Target 链接的目的窗口或框架。能够的值为 _top、 _self、_parent、_search 或 _blankNavigateURL 单击链接时用户即将链接到的页面的 URLImageURL 指定用于链接的图像的 URL留意：此控件没有公开事件运用控制权转移控件处置 ImageButton 的 Click 事件private void btnTenNews_Click(objec

7、t sender, System.EventArgs e)/ 处置按钮 Click 事件lblStatus.Text=已单击按钮！;private void imgBtnSoccer_Click(object sender, System.Web. UI.ImageClickEventArgs e)/ 处置按钮 Click 事件lblStatus.Text=已单击图像按钮！;处置 Button 的 Click 事件运用控制权转移控件Button 控件ImageButton控件Hyperlink 控件选择控件 有四种类型的选择控件： CheckBox 为用户提供一种方法在为用户提供一种方法在 t

8、rue/false、yes/no 或或 on/off 选项之间切选项之间切换换 RadioButton - 用于只从选项列表中选择用于只从选项列表中选择一个选项一个选项 DropdownList - 允许用户从预定义列表允许用户从预定义列表中选择一项中选择一项 ListBox - 允许用户从预定义列表中选择允许用户从预定义列表中选择一项或多项一项或多项Checkbox：属性和事件 属性称号阐明Text获得/设置与 CheckBox 关联的文本标签AutoPostBack 获取或设置指示单击时 CheckBox 形状能否自动发回到效力器的值Checked 获取或设置指示能否选中 CheckBox

9、 控件的值q CheckedChanged 事件 - 当 Checked 属性值在发布到效力器的各个操作之间发生变化时发生RadioButton：属性和事件属性称号阐明Text获取或设置与 RadioButton 关联的文本标签AutoPostBack 获取或设置指示单击时 RadioButton 形状能否自动发回到效力器的值Checked 获取或设置指示能否选中 RadioButton 控件的值q CheckedChanged 事件 - 当 Checked 属性值在发布到效力器的各个操作之间发生变化时发生DropdownList 属性属性称号属性称号阐明阐明AutoPostBack 获取或设

10、置指示单击时 DropdownList 形状能否自动发回到效力器的值DataMember 获取或设置数据源中的特定表格以绑定到该控件DataSource获取或设置填充列表控件项的数据源DataTextField获取或设置提供列表项内容的数据源字段DataTextFormatString 获取或设置用于控制如何显示绑定到列表控件的数据的格式字符串DataValueField 获取或设置提供列表项文本内容的数据源字段DropdownList 事件事件称号事件称号阐明阐明SelectedIndexChanged 当从列表控件选择的内容在发布到效力器的操作之间发生变化时发生ListBox：属性和事件

11、属性称号属性称号阐明阐明Rows 获取或设置 ListBox 控件中显示的行数SelectionMode 获取或设置 ListBox 控件的选择方式事件称号事件称号阐明阐明SelectedIndexChanged 当从列表控件选择的内容在发布到效力器的操作之间发生变化时发生运用选择控件 private void radGenderM_CheckedChanged(object sender, System.EventArgs e)strGender=“男; private void cboSalRange_SelectedIndexChanged(object sender, System.E

12、ventArgs e)strSalRange= cboSalRange.SelectedItem.Text; private void chkMusic_CheckedChanged(object sender, System.EventArgs e)if(strHobbies=)strHobbies=strHobbies + chkMusic.Text;elsestrHobbies=strHobbies + , + chkMusic.Text;private void lstOwnership_SelectedIndexChanged(object sender, System.EventA

13、rgs e)if(strOwnership=)strOwnership=strOwnership + lstOwnership.SelectedValue;elsestrOwnership=strOwnership + , + lstOwnership.SelectedValue; 显示处置 Checkbox/RadioButton/DropdownList/List 控件的代码片段运用选择控件 容器控件 有两种类型的容器控件： Panel 控件 Panel Web 效力器控件提供一个位于 Web 窗体页的容器控件，该控件可用作静态文本和其他控件的父级 Placeholder 控件 - 存储动

14、态添加到网页上的效力器控件的容器Placeholder：属性和事件属性：属性：最常用属性是用于添加最常用属性是用于添加/删除此容器控件的子控件的删除此容器控件的子控件的 Controls 属性属性事件：事件：一切的事件都承继自一切的事件都承继自 System.Web.UI.WebControls.WebControl 类类通常不处置此控件的事件，子控件的特定事件按照控件的通常不处置此控件的事件，子控件的特定事件按照控件的方式进展处置方式进展处置private void btnAdd_Click(object sender, System.EventArgs e)Panel pnPerson=n

15、ew 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.Add(tcLblN

16、ame);TableCell tcTxtName=new TableCell();TextBox txtObjName=new TextBox();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 txtObjS

17、ex=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 objRow2=new TableRow();TableCell tcLblNum=new TableCell();tcLblNu

18、m.Text=学号;objRow2.Cells.Add(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

19、 )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;运用容器控件 其他控件q AdRotator 用于显示横幅广告集合中的随机选择内容，该集合在基于 XML 的广告文件中指定q Calendar - 允许开发人员提供基于日历的界面，用于选择日期或查看与日期相关的数据其他控件是用于特定

20、用途的控件，只能用于特殊义务AdRotator：属性和事件属性称号属性称号阐明阐明AdvertisementFile 获取或设置包含广告信息的 XML 文件的途径KeywordFilter 获取或设置分类关键字过滤 XML 广告文件中特定类型的广告事件称号事件称号阐明阐明AdCreated 创建控件后访问效力器的每个往返周期发生一次，但是在显示网页之前发生 AdRotator 调用的XML文件广告运用 AdRotator 控件 3-1留意：添加 AdRotator 控件之后，右击“工程，“添加新项，然后选择如下图的“XML 文件，从而创建包含广告图像的 XML 文件运用 AdRotator 控

21、件 3-2新建 XML 文件之后，将以下 XML 代码添加到此文件中： images/Bluehills.gif microsoft 冬日站点 60 Users images/Sunset.gif msdn.microsoft/net 夏日站点 80 Developers 指定广告属性的 XML 代码运用 AdRotator 控件 3-3Calendar：属性和事件属性称号属性称号阐明阐明SelectedDate 获取或设置选定的日期TodaysDate 获取或设置当前日期SelectionMode 获取或设置 Calendar 控件中的日期选择方式，该方式指定用户能否可以选择一天、一周或一整月事件称号事件称号阐明阐明SelectionChanged 用户单击日期选择器控件以选择一天、一周或一整月时发生运用 Calendar 控件 3-1 private void btnStart_Click(object sender, System.EventArgs e) this.hdTemp.Value=S