第三讲选择类控件

《第三讲选择类控件》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、ASP.NET课程教案第三讲：Web控件（续）授课班级：09计算机网络技术班授课时间：第五周学时数：4教学目标：了解：1.选择类控件、容器占位控件、广告和日历控件的功能、常用属性及事件2.XML文件的作用及数据元素学会：1.选择类控件的属性设置及相应的事件编码2.容器占位控件的属性设置及向其中加入控件的代码编程3.广告和日历控件的属性设置及相关事件编码教学重点、难点：重点：1.选择类控件、容器占位控件、广告和日历控件的属性及代码编程方法2.XML文件的数据元素结构难点：1.XML文件的数据元素教学方法：1.讲授、演示和上机指导相结合，适当提问，吸引学生的注意力。2.以能力培养为中心

2、，采用灵活多样的教学方法；3.任务驱动与改造拓宽的结合，注重启发性教学；教学过程设计：导入新课：有些页面每次打开就看到不同的广告图片，在用户注册时，有很多项不需要自己输入，而是自己选择，可以选择适合日期，有些还以组的形式显示，那么通过本次课的学习，我们就能完成上面的这些功能。讲授新课：1.选择类控件：（常用共性：ItemsCollection、AutoPostBack属性，SelectedIndexChanged事件，支持数据源的绑定）¨RadioButtonList控件：创建单一选择的单选按钮组；RepeatDirection属性的设置；注意其与RadioButton的区别。备注

3、：理论知识以课件展示，实践内容边讲解边操作演示。毕节职业技术学院电子信息工程系2010-2011学年2学期ASP.NET课程教案¨CheckBoxList控件：创建多选复选框组；RepeatDirection属性的设置；注意其与CheckBox的区别。¨DropDownList控件：创建单一选择的下拉列表控件。¨ListBox控件：可创建允许进行单项或多项选择的列表控件；SelectionMode的属性设置，按Shift键选择连续的几项，按Ctrl键选择不连续的项。2.容器占位控件：¨Panel控件：可以作为其他控件的容器。它对于以编程方式生成控件以及显示和隐藏控件组非常有用；常用

4、属性：Visible；注意用代码设置控件前景色或者背景色的三种方法。¨PlaceHolder控件：不产生任何可见的输出，仅用作Web页上其他控件的容器，主要作用是往里面添加子控件。注意声明控件类名及往PlaceHolder控件里面添加控件的方法。3.关于选择类控件及容器占位控件的实例演示及讲解（巩固相关控件的作用及属性）4.广告和日历控件：¨AdRotator控件：在用户每次打开或重新加载网页时，显示不同的广告图像，而且可以控制每一个广告的出现频率，显示的广告取决于AdRotator配置文件，该文件是一个XML格式的文件§XML文件结构：文件头和文件体，只有一个

5、ments>元素，多个元素§XML文件中的数据元素：ImageUrl、NavigateUrl、AlternateText、Keyword、Impressions§设置广告控件关联文件属性：AdRotator1.AdvertisementFile=“ad.xml”¨Calendar控件：它提供了一个基于日历的界面，并提供了多种控制日历外观的属性，以用于选择日期或查看与日期相关的数据，该控件的典型应用是在Web页上以图形方式显示当前日期或yuyu在计划任务等应用程序中选择日期等。§常用属性：TadayDaystyle、SelectorStyle、SelectionMode、以实

6、例的演示导入新课，以实例的讲解巩固新课。毕节职业技术学院电子信息工程系2010-2011学年2学期ASP.NET课程教案NextPrevStyle、PayHeaderStyle、SelectedDayStyle、TitleStyle、WeekendDayStyle、OtherMonthDayStyle§获取选择的日期：用选择日期改变事件§改变日期的显示格式：需要导入名称空间：System.Threading和System.Globalization1.关于广告控件和日历控件的实例演示及讲解（巩固相关控件的作用及属性）上机指导：1.掌握本次课涉及到的控件的常用属性的设置；2.实训要求

7、：添加新的Web窗体，在Web窗体中添加TextBox(单行、多行、口令)、RadioButtonList、CheckBoxList、DropDownList、ListBox，设置属性，选择索引改变事件获取控件的文本或值并输出，使用标签显示其输出结果；添加Panel，其中放一图象，通过按钮事件控制Panel的是否可见属性；通过DropDownList选择颜色的改变控制Panel的背景颜色。小结：1.选择类控件：4个，AutoPostBack属性与SelectedInd