动画常用控件

《动画常用控件》由会员分享，可在线阅读，更多相关《动画常用控件（129页珍藏版）》请在金锄头文库上搜索。

1、1,第5 章 ASP.NET常用控件,2,章节,5.1 ASP.NET控件概述 5.2 常用标准服务器端控件 5.3 数据验证控件 5.4 用户自定义控件,3,5.1 ASP.NET控件概述,5.1.1 HTML控件和服务器端控件的概念 5.1.2 控件和页面的执行过程,4,5.1.1 HTML控件和服务器端控件的概念,控件：一种可重用的组件或对象。 Web页面两种主要元素： HTML控件 Web服务器端控件 标准控件 验证控件 用户自定义控件 数据库控件,5,5.1.1 HTML控件和服务器端控件的概念,1. HTML控件 HTML控件在默认情况下属于客户端（浏览器）控件，服务器无法对其进行

2、控制。 该类控件从HTML标记衍生而来的，每个控件对应于一个或一组HTML标记。 通过修改代码可以改为Web服务器端控件，添加runat=“server”。如：,5.1.1 HTML控件和服务器端控件的概念,添加属性“runat=“server“ ”将转换XHTML元素到HTML服务器控件。,7,5.1.1 HTML控件和服务器端控件的概念,2. 服务器端控件 在Visual Studio的工具箱中，“HTML”选项卡中的控件是客户端控件（也称为浏览器控件），其他所有控件都是Web服务器端控件。 “标准”选项卡中的控件是最常用的控件。 类库中，所有Web控件都是从System.Web.UI.C

3、ontrol.WebControls直接或间接派生而来的。,8,5.1.2 控件和页面的执行过程,1. 服务器端控件的执行过程 用户请求一个包含有Web服务器端控件的.aspx页面： 服务器首先对页面进行处理，将页面中包含的服务端控件及其他内容解释成标准的HTML代码 然后将处理结果以标准HTML的形式一次性发送给客户端。,9,5.1.2 控件和页面的执行过程,2. ASP.NET页面的处理过程： 用户通过浏览器发出一个对ASP.NET页面的请求 Web服务器将用户的请求交由ASP.NET引擎来处理 系统首先检查在服务器缓存中是否有该页面，或此页面是否已被编译成了.dll文件 若没有则将页面转

4、换为源程序代码，然后由编译器将其编译成.dll文件 否则直接利用已编译过的.dll文件建立对象，并将执行结果返回到客户端浏览器。,页面处理事件,常用页面处理事件 Page_PreInit：通过IsPostBack属性确定是否第一次处理该页、创建动态控件、动态设置主题属性、读取配置文件属性等。 Page_Init：初始化控件属性。 Page_Load：读取和更新控件属性。 控件事件：处理特定事件，如Button控件的Click事件。 事件处理的先后顺序 Page_PreInit、Page_Init、Page_Load和控件的事件,事件,Click事件：被触发时会引起页面往返处理。 Change事

5、件： 被触发时，先将事件的信息暂时保存在客户端的缓冲区中，等到下一次向服务器传递信息时，再和其他信息一起发送给服务器。 若要让控件的Change事件立即得到服务器的响应，就需要将该控件的属性AutoPostBack值设为true。,属性IsPostBack,当控件的事件被触发时，Page_Load事件会在控件的事件之前被触发。 如果在执行控件的事件代码时不执行Page_Load事件中的代码，可以通过判断属性Page.IsPostBack实现。 属性IsPostBack在用户第一次浏览网页时，会返回值false，否则返回值true。,属性IsPostBack应用,本实例在页面第一次载入时显示“页

6、面第一次加载！”。当单击按钮时显示“执行Click事件代码！”信息。 源程序：IsPostBack.aspx 程序说明：当单击按钮时引起页面往返，此时首先处理Page_Load事件中代码，但因为“！IsPostBack”值为false，所以不执行“Response.Write(“页面第一次加载！”)”，然后处理Click事件中代码，显示“执行Click事件代码！”信息。,14,5.2 常用标准服务器端控件,5.2.1 ImageButton控件和HyperLink控件 5.2.2 Image控件和ImageMap控件 5.2.3 RadioButton控件和RadioButttonList控件

7、 5.2.4 CheckBox和CheckBoxList控件 5.2.5 ListBox和DropDownList控件 5.2.6 FileUpLoad控件 5.2.7 Table控件 5.2.8 容器控件,5.2 常用标准服务器端控件,Web服务器控件的共有属性表,实例：通过键盘快捷键激活特定文本框,通过键盘快捷键激活特定文本框： 按下ALT+N组合键，激活用户名右边的文本框,按下ALT+P快捷键，激活密码右边的文本框 源代码：Label.aspx 程序说明： AssociatedControlID:把Label控件与窗体中的另外一个服务器控件关联起来。,实例：控件TextBox综合应用,当

8、页面载入时，焦点自动定位在用户名右边的文本框中；当输入用户名并把焦点移出文本框时，将触发TextChanged事件，判断用户名是否可用，若可用则在Label1中显示“”，否则显示“用户名已占用！”；密码右边的文本框显示为密码框。 源程序：TextBox.aspx,实例：控件TextBox综合应用,当页面载入时，触发Page_Load事件，将焦点定位在用户名右边的文本框中。 本示例中用户合法性判断是与固定用户名“张三”比较，实际使用需连接数据库，与数据库中保存的用户名比较。,实例：利用Button控件执行客户端脚本,要在单击Button控件后执行客户端脚本，需要使用ClientClick事件和J

9、avaScript。 源程序：ClientClick.aspx Click事件：单击按钮时被触发，执行服务器端代码。 ClientClick事件：当单击按钮时被触发，执行客户端代码。,实例：利用Button控件执行客户端脚本,程序说明： 当单击删除按钮时，触发ClientClick事件，执行JavaScript代码“return confirm(确定要删除记录吗?)”，弹出确认对话框。 若单击“确定”按钮，触发Click事件，执行删除操作（这里仅输出信息，实际操作需连接数据库）；若单击“取消”，将不再触发Click事件，运行结束。,21,5.2.1 ImageButton控件和HyperLin

10、k控件,ImageButton（图像按钮）和HyperLink（超链接）控件都可以在控件中显示图片，且都具有超链接跳转的功能。1. ImageButton控件 常用属性：,5.2.1 ImageButton控件和HyperLink控件,实例 源程序：ImageButton.aspx,23,5.2.1 ImageButton控件和HyperLink控件,2. HyperLink控件 HyperLink控件与标签控件相似，但该控件支持用户的单击事件，可以在控件中显示图片，可以指定超链接的目标框架等特有属性。 常用属性：,5.2.1 ImageButton控件和HyperLink控件,属性Targe

11、t：值为框架名、_blank或_self。 框架名决定了在指定的框架中显示链接页 _blank决定了在一个新窗口中显示链接页 _self决定了在原窗口中显示链接页 与元素的区别： HyperLink控件可以与数据源绑定。 HyperLink,5.2.1 ImageButton控件和HyperLink控件,注意： HyperLink控件不包含Click事件，要使用Click事件可用LinkButton控件代替。 在同时设置属性Text和ImageUrl的情况下，ImageUrl优先，若找不到图片则显示属性Text设置的内容。 在HyperLink中直接设置ImageUrl后显示的图形尺寸是不可调

12、的，若要改变图形尺寸，可配合使用Image控件。,26,5.2.2 Image控件和ImageMap控件,Image控件和ImageMap控件都是用于图片显示的控件。 1. Image控件 Image控件用于在Web窗体上显示图像，图像源文件可以使用ImageUrl属性在界面设计时确定，也可以在编程时指定。 在工程实际项目中常与数据源绑定，根据数据源指定信息显示图像。,5.2.2 Image控件和ImageMap控件,Image控件和ImageMap控件都是用于图片显示的控件。 1. Image控件注意：Image控件不包含Click事件，如果需要Click事件处理流程，可使用ImageBut

13、ton控件代替Image控件。,5.2.2 Image控件和ImageMap控件,常用属性：,实例 组合使用HyperLink和Image控件,本实例呈现页面中显示图片的尺寸与实际图片的尺寸不相同。 源程序：HyperLink.aspx,30,5.2.2 Image控件和ImageMap控件,2. ImageMap控件 ImageMap控件除可以用来显示图像外，还可以实现图像的超链接。 可以将显示的图像划分为不同形状的热点区域，分别链接到不同的网页，这些区域称为“作用点”。 每一个作用点都可以是一个单独的超链接或回发事件。,5.2.2 Image控件和ImageMap控件,在实际项目中，常用于

14、导航条、地图等。 热点区域通过属性HotSpot设置，划分的区域有： 圆形CircleHotSpot 长方形RectangleHotSpot 任意多边形PolygonHotSpot 每个区域通过属性NavigateUrl确定要链接到的URL。,32,5.2.2 Image控件和ImageMap控件,ImageMap控件主要由以下两个部分组成： 显示于控件中的图像。 隐藏在图像中的作用点集合。,33,5.2.2 Image控件和ImageMap控件,常用属性：,34,5.2.2 Image控件和ImageMap控件,步骤： 添加作用点集合 圆形、矩形、多边形三种作用点类型 设置作用点模式,实例

15、利用ImageMap设计导航条,整个导航条是一张图片，当设置好热点区域后，点击不同区域将链接到不同网页。 源程序：ImageMap.aspx,5.2.3 RadioButton控件和RadioButttonList控件,常用于在多种选择中只能选择一项的场合。 单个的RadioButton只能提供单项选择，可以将多个RadioButton形成一组，方法：设置每个RadioButton的属性GroupName为同一名称。,5.2.3 RadioButton控件和RadioButttonList控件,男女注意：判断RadioButton是否选中使用Checked属性，而获取RadioButtonList的选中项使用属性SelectedItem。,38,5.2.3 RadioButton控件和RadioButttonList控件,