资源预览内容
第1页 / 共129页
第2页 / 共129页
第3页 / 共129页
第4页 / 共129页
第5页 / 共129页
第6页 / 共129页
第7页 / 共129页
第8页 / 共129页
第9页 / 共129页
第10页 / 共129页
亲,该文档总共129页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
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控件在默认情况下属于客户端(浏览器)控件,服务器无法对其进行控制。 该类控件从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.Control.WebControls直接或间接派生而来的。,8,5.1.2 控件和页面的执行过程,1. 服务器端控件的执行过程 用户请求一个包含有Web服务器端控件的.aspx页面: 服务器首先对页面进行处理,将页面中包含的服务端控件及其他内容解释成标准的HTML代码 然后将处理结果以标准HTML的形式一次性发送给客户端。,9,5.1.2 控件和页面的执行过程,2. ASP.NET页面的处理过程: 用户通过浏览器发出一个对ASP.NET页面的请求 Web服务器将用户的请求交由ASP.NET引擎来处理 系统首先检查在服务器缓存中是否有该页面,或此页面是否已被编译成了.dll文件 若没有则将页面转换为源程序代码,然后由编译器将其编译成.dll文件 否则直接利用已编译过的.dll文件建立对象,并将执行结果返回到客户端浏览器。,页面处理事件,常用页面处理事件 Page_PreInit:通过IsPostBack属性确定是否第一次处理该页、创建动态控件、动态设置主题属性、读取配置文件属性等。 Page_Init:初始化控件属性。 Page_Load:读取和更新控件属性。 控件事件:处理特定事件,如Button控件的Click事件。 事件处理的先后顺序 Page_PreInit、Page_Init、Page_Load和控件的事件,事件,Click事件:被触发时会引起页面往返处理。 Change事件: 被触发时,先将事件的信息暂时保存在客户端的缓冲区中,等到下一次向服务器传递信息时,再和其他信息一起发送给服务器。 若要让控件的Change事件立即得到服务器的响应,就需要将该控件的属性AutoPostBack值设为true。,属性IsPostBack,当控件的事件被触发时,Page_Load事件会在控件的事件之前被触发。 如果在执行控件的事件代码时不执行Page_Load事件中的代码,可以通过判断属性Page.IsPostBack实现。 属性IsPostBack在用户第一次浏览网页时,会返回值false,否则返回值true。,属性IsPostBack应用,本实例在页面第一次载入时显示“页面第一次加载!”。当单击按钮时显示“执行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控件 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综合应用,当页面载入时,焦点自动定位在用户名右边的文本框中;当输入用户名并把焦点移出文本框时,将触发TextChanged事件,判断用户名是否可用,若可用则在Label1中显示“”,否则显示“用户名已占用!”;密码右边的文本框显示为密码框。 源程序:TextBox.aspx,实例:控件TextBox综合应用,当页面载入时,触发Page_Load事件,将焦点定位在用户名右边的文本框中。 本示例中用户合法性判断是与固定用户名“张三”比较,实际使用需连接数据库,与数据库中保存的用户名比较。,实例:利用Button控件执行客户端脚本,要在单击Button控件后执行客户端脚本,需要使用ClientClick事件和JavaScript。 源程序:ClientClick.aspx Click事件:单击按钮时被触发,执行服务器端代码。 ClientClick事件:当单击按钮时被触发,执行客户端代码。,实例:利用Button控件执行客户端脚本,程序说明: 当单击删除按钮时,触发ClientClick事件,执行JavaScript代码“return confirm(确定要删除记录吗?)”,弹出确认对话框。 若单击“确定”按钮,触发Click事件,执行删除操作(这里仅输出信息,实际操作需连接数据库);若单击“取消”,将不再触发Click事件,运行结束。,21,5.2.1 ImageButton控件和HyperLink控件,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控件,属性Target:值为框架名、_blank或_self。 框架名决定了在指定的框架中显示链接页 _blank决定了在一个新窗口中显示链接页 _self决定了在原窗口中显示链接页 与元素的区别: HyperLink控件可以与数据源绑定。 HyperLink,5.2.1 ImageButton控件和HyperLink控件,注意: HyperLink控件不包含Click事件,要使用Click事件可用LinkButton控件代替。 在同时设置属性Text和ImageUrl的情况下,ImageUrl优先,若找不到图片则显示属性Text设置的内容。 在HyperLink中直接设置ImageUrl后显示的图形尺寸是不可调的,若要改变图形尺寸,可配合使用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事件处理流程,可使用ImageButton控件代替Image控件。,5.2.2 Image控件和ImageMap控件,常用属性:,实例 组合使用HyperLink和Image控件,本实例呈现页面中显示图片的尺寸与实际图片的尺寸不相同。 源程序:HyperLink.aspx,30,5.2.2 Image控件和ImageMap控件,2. ImageMap控件 ImageMap控件除可以用来显示图像外,还可以实现图像的超链接。 可以将显示的图像划分为不同形状的热点区域,分别链接到不同的网页,这些区域称为“作用点”。 每一个作用点都可以是一个单独的超链接或回发事件。,5.2.2 Image控件和ImageMap控件,在实际项目中,常用于导航条、地图等。 热点区域通过属性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控件,步骤: 添加作用点集合 圆形、矩形、多边形三种作用点类型 设置作用点模式,实例 利用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控件,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号