《ASP.NET动态网页设计案例教程 教学课件 ppt 作者 郭建东 教程PPT及教案 chap03》由会员分享，可在线阅读，更多相关《ASP.NET动态网页设计案例教程 教学课件 ppt 作者 郭建东 教程PPT及教案 chap03（50页珍藏版）》请在金锄头文库上搜索。
1、第3章 常用服务器控件,学习要点 理解页面生命周期概念 掌握常用的页面生命周期事件 生命周期事件与数据的绑定 理解和处理控件事件 掌握常用的Web服务器控件的使用 掌握验证控件的应用,ASP.NET控件概述,ASP.NET控件可以分为Web服务器控件（标准控件）、HTML控件、验证控件、登录控件、数据控件、导航控件、CrystalReports控件、Webparts控件。,图3-1 ASP.NET控件层次结构,ASP.NET页面的生命周期,一个ASP.NET页面，从创建到销毁的过程称为页面的生命周期，在生命周期中将执行一系列处理步骤，这些步骤包括初始化、实例化控件、还原和维护状态、运行事件处理
2、程序代码，以及进行呈现。,页面生命周期事件,应用程序阶段,案例3-1 页面的生命周期,图3-3 页面生命周期案例,Page对象属性,Load事件：在服务器加载Web窗体时触发，在Web窗体的生命周期中该事件可触发多次，无论是初次浏览页面还是刷新页面，都会触发该事件。 IsPostBack 属性：用户可通过IsPostBack属性值判断页面是首次访问，还是回发的。如果IsPostBack属性值为True，则该页面是响应客户端请求而回发的；否则，该页面是首次访问。 IsValid属性：是一个布尔型的值，表示Web窗体是否通过验证。IsValid属性值为True，表示Web窗体验证成功；否则，表示未
3、通过验证。当Web窗体上放置有验证控件时，可通过该属性判断Web窗体是否通过验证。 Controls属性：是一个ControlCollection类型的只读属性，通过该属性可以动态地在页面中添加或删除控件。 FindControl方法：可在Web窗体中查找指定ID的控件。,案例3-2 动态添加、删除控件。,图3-4 动态添加控件,Web服务器控件概述,Web服务器控件属于System.Web.UI.WebControls名称空间，除Literal、PlaceHolder和Repeater是从System.Web.UI.Control继承而来，其他Web服务器控件都是直接或间接地从基类Syste
4、m.Web.UI.WebControls.WebControl继承而来的。,表3-3 Web控件的通用属性,添加或删除控件,从工具箱中拖控件到页面中 在aspx窗体文件中添加代码 在运行过程中动态添加控件 在运行过程中动态删除控件,简单控件（Label）,Label控件是ASP.NET中最基本的输出控件，用于页面上显示信息。Label控件通过Text属性设置显示信息内容。如果在页面上显示的信息是静态的，建议使用静态的HTML文本，以提高页面的性能。,简单控件（TextBox）,TextBox控件是ASP.NET中最基本的输入控件，用于在页面上输入文本信息。,表3-4 TextBox控件的常用属
5、性,TextBox的常用事件是：TextChanged。,简单控件（按钮）,当页面输入完成、提交给服务器时，常常用到按钮控件。ASP.NET中有三种按钮控件：Button、LinkButton和ImageButton。,表3-5 按钮控件的常用属性,按钮控件的主要事件为Click事件和Command事件。,案例3-3 使用简单控件实现登录功能,图3-6 案例3-3运行效果,简单控件的数据绑定,Label控件和TextBox控件的文本内容，还可以通过数据绑定方法获得。可以使用简单的语句“”，将Label控件或TextBox控件的Text属性与方法调用或表达式进行绑定，当执行控件的DataBind
6、方法时，才计算表达式的值或得到方法调用的结果，将表达式的值或方法调用的结果作为Text属性的值。 案例3-4 Label控件数据绑定显示当前时间。 案例3-5 在文本框中输入一个整数，标签显示该整数是偶数还是奇数。,图3-7 Label控件通过数据绑定显示时间,图3-8 在txtInputNumber中输入4后， 页面输出结果,选择控件 （CheckBox）,当要求用户进行多项选择时，可使用CheckBox和CheckBoxList来实现。CheckBox控件代表一个复选项，CheckBoxList代表一组复选项。,CheckBox控件最常用的事件是CheckedChanged。,表3-7 C
7、heckBox的常用属性,选择控件（CheckBoxList）,CheckBoxList代表一组复选项 ，常用事件是SelectedIndexChanged 。,表3-8 CheckBoxList控件的常用属性,案例3-6 喜爱的运动项目调查,实现方案1 （使用CheckBox） 实现方案2（使用CheckBox） 实现方案3 （使用CheckBoxList）,思考,图3-9 案例3-6运行效果,选项控件（RadioButton和RadioButtonList ）,单选控件RadioButton与复选控件CheckBox十分类似，允许用户从几个选项中选择一个选项。 单个的RadioButton
8、是没有意义的，在一组RadioButton中进行单项选择，才具有现实意义。要将多个RadioButton控件放在同一组中，只需将GroupName属性设为相同的字符串。 与复选框控件CheckBox类似，RadioButton的常用事件是CheckedChanged 。 RadioButtonList控件表示一组单选项，基本属性与CheckBoxList控件相同。由于Radio ButtonList是单选组控件，可以通过运行时属性SelectedIndex、SelectedItem或SelectedValue得到选中项的相关信息。RadioButtonList控件的常用事件也是Selected
9、IndexChanged 。,案例3-7 工资收入调查,实现方案1（使用RadioButton） 实现方案2（使用RadioButtonList）,图3-11 案例3-7运行效果,列表控件,ListBox ListBox控件的主要属性DataSourceID、DataMember、DataTextField、DataValueField、Items，与CheckBoxList相似 。 SelectionMode属性可以设置ListBox控件是否允许多选，属性值可以是Single或Multiple，Single表示只允许用户在列表框中选择一个选项，Multiple表示允许用户在列表框中选择多个选
10、项，用户可使用Ctrl键或Shift键进行多选。 Rows属性表示ListBox控件的可见行数。 运行时属性SelectedItem、SelectedIndex和SelectedValue的作用与CheckBoxList控件相同。 ListBox控件的常用事件是SelectedIndexChanged 。 DropDownList控件 DropDownList控件以下拉列表的方式显示选项，基本属性和事件与ListBox控件相同。 BulletedList控件 BulletedList控件可以显示带项目符号的列表，列表项是ListItem对象。,案例3-8 选修课登记,图3-12 在左边的列表控
11、件中选择要选修的课程,图3-13 单击按钮“”后， 将所选修的课程移到右边的列表控件中,案例3-9,用带项目符号的列表显示国家名，单击某个国家，可转向相应的主页。,（a）显示国家名称,（b）单击中国后，转向1.htm,文件上传控件,文件上传控件FileUpload可以在属性窗口设置的属性很少，主要是通过代码设置的运行时属性 。,表3-18 文件上传控件FileUpload的主要属性,通过PostedFile属性，可以获取上传文件的属性 。,案例3-10 文件上传,图3-15 单击“上传”按钮后，执行效果,Table控件,Rows属性：是TableRow对象的集合，存储Table控件中的所有行。
12、 TableRow的Cells属性是TableCell对象的集合，存储表格行中的所有单元格。 在Table控件的单元格中，可以显示普通文本，也可以添加控件。如果要在单元格中显示普通文本，设置TableCell对象的Text属性即可；如果要在单元格中添加控件，则先创建控件，再将控件添加到TableCell对象的Controls属性中。 TableHeaderRow：定义Table的标题行 TableHeaderCell：定义Table的标题单元格 TableFooterRow：定义脚注行,动态添加Table步骤,创建Table对象，设置表格的外观属性。 创建TableHeaderRow对象和Ta
13、bleHeaderCell对象，添加到Table中，设置表格的标题行。 创建TableRow对象，即创建表格行，也可设置表格行的外观属性。 创建TableCell对象，即创建表格单元格，也可设置单元格的外观属性。 将表格单元格添加到行。 将表格行添加到Table中。 重复执行第3）6）步，为Table创建多行。 创建TableFooterRow对象，添加到Table中，设置表格的脚注行。 将Table控件添加到Web窗体中，或添加到Form表单中。,案例3-11 动态创建表格,图3-16 输入表格行数和列数之后，创建表格,广告控件,AdRotator中所显示的数据可以来自于具有特定标记的XML
14、文件，或者来自于数据库中的数据。,根标记是Advertisements，在Advertisements下可包含多个Ad标记，每个Ad标记表示一个广告 在Ad标记中包含ImageUrl、NavigateUrl、AlternateText、Impressions和Keyword标记 在AdRotator中显示ImageUrl所指的图片 单击广告图片时，页面跳转到NavigateUrl所指的页面 当图片无法正常显示时，在AdRotator中显示AlternateText中的文本 Impressions表示广告的权重，Impressions越大，该广告的显示频率越高 Keyword表示广告的类别,案例
15、3-12 广告控件AdRotator的应用,（a）在广告控件中显示图片,（b）单击广告后，跳转到卓越亚马逊网站,日历控件,案例3-13 Calendar控件应用,（a）单击图片按钮后，显示日历控件,（b）在日历控件中选择日期后运行效果,视图控件,视图控件MultiView主要属性 Views：是一个ViewCollection对象，是一个View对象的集合，存储了MultiView控件中所包含的View对象。 ActiveViewIndex：表示MultiView控件中当前处于活动状态的视图（View）的索引值。 MultiView控件的主要事件是ActiveViewChanged 。,案例3
16、-14 使用MultiView控件在页面中实现选项卡效果,图3-20 页面布局,图3-21 单击“科技”按钮，运行效果,案例3-15 使用导航按钮实现MultiView的视图切换（一）,图3-22 案例3-15 Web窗体设计,案例3-15 使用导航按钮实现MultiView的视图切换 （二）,（a）首次访问页面,（b）单击NextView按钮后显示效果,向导控件Wizard,向导控件Wizard使用多个步骤向用户显示信息或获取用户输入数据，每个步骤都是一个WizardStep对象，存储在向导控件的WizardSteps属性中。在WizardStep中可以添加Web控件或文本信息，可接受用户输入数据。 向导控件根据步骤，即WizardStep的StepType属性，自动设置导航按钮。StepType属性可以是Auto、Start、Step、Finish、Complete 。 向导控件的常用事件有ActiveStepChanged、NextButtonClick、PreviousButtonClick、FinishButtonClick、SideBarButtonCli
