第5章_ASPNET常用服务器控件

4.1 服务器控件概述
❖ 服务器控件可以分为如下几 类： HTML服务器控件：提供了对标准
HTML元素的类封装，在HTML控件中添 加一个在服务器端运行的属性，即可以由 通用的客户端HTML控件转变为服务器端 HTML控件，使开发人员可以对其进行编 程。
Web服务器控件：比HTML服务器控件具有更
➢ 【例4-5】演示如何向Button控件添加客户端Click 事件。
参见示例\第5章\WebControlDemo\ClientDemo.aspx
ห้องสมุดไป่ตู้ 4．Web服务器控件的服务器端事 件
事件
Click
说明
当Web服务器控件被按下时会触发该事件。Button、 ImageButton控件具有该事件
TextChanged CheckedChanged
多功能。Web服务器控件不仅包括窗体控件（例 如按钮和文本框），而且还包括特殊用途的控件 （例如日历、菜单和树视图控件）。Web服务器 控件与HTML服务器控件相比更为抽象，因为其对 象模型不一定反映HTML语法。
验证控件：这些控件可以使开发人员更容易对一些
控件中的数据进行验证。如验证控件可用于对必填字段 进行检查，对照字符的特定值或模式进行测试，验证某 个值是否在限定范围之内等。
4.3 Web服务器控件
❖ Web服务器控件概述 ❖ 常用Web服务器控件
4.3.1 Web服务器控件概述
1．Web服务器控件基本语法
❖ 从左边工具箱中拖放一个Web服务器控件到页面上，其 HTML 源代码标记如下： <asp:控件名 ID="控件名称" runat="server" 属性1=" 值" 属性2="值"…/> 或者： <asp:控件名 ID ="控件名称" runat="server " 属性1=" 值" 属性2="值"…> </asp:控件名> 如Button控件，基本语法为：
添加服务器端事件的2种方法。
❖ 方法1：设计时在属性窗中添加事件处理。
❖ 方法2：运行时以编程方式动态添加事件处理。
例如： protected void Button1_Click(object sender, EventArgs e) { } 然后，将该方法和控件的单击事件关联，代码如下： Button1.Click += new EventHandler(Button1_Click);
当Web服务器控件上的文本发生变化时会触发该事 件。TextBox控件具有该事件
当Web服务器控件的选项发生变化时会触发该事件。 CheckBox、RadioButton控件具有该事件
SelectedIndexChanged 当Web服务器控件的列表选项发生变化时会触发该 事件。列表类控件CheckBoxList、DropDownList、 ListBox、RadioButtonList控件具有该事件
onmousemove 当鼠标在控件区域移动时触发该事件
onmouseover 当鼠标滑过控件区域时触发该事件
onmouseout 当鼠标移出控件区域时触发该事件
4.2.2 HTML服务器控件综合示例
【例4-2】演示如何使用HTML服务器端控件制作一个 图 片浏览器。
参见示例\第04章\HTMLControlDemo\Picture.aspx
第5章_ASPNET常用服 务器控件
2021年8月5日星期四
内容
❖ 服务器控件概述 ❖ HTML服务器控件 ❖ Web服务器控件 ❖ 验证控件 ❖ 用户控件
内容提要
❖ 支 持 三 种 控 件 ： Web 服 务 器 端 控 件 、 HTML 服务器端控件和用户自定义控件。
❖ Web 服 务 器 端 控 件 是 .NET 推 荐 使 用 的 控 件 ， Web服务器端控件除了常用的输入输出控件以外， 还包括验证控件。
控件是否可见
控件属性的设置有两种方法： ❖ 方法1：设计时通过属性窗设置控件的属性。 ❖ 方法2：运行时以编程方式设置控件的属性。
3．Web服务器控件的客户端事件
向服务器控件添加客户端事件的3种方法：
❖ 方法1：以声明方式向服务器控件添加 客户端事件处理程序
➢ 在源视图中，为控件直接添加事件属性。例如， onmouseover 或onkeyup。针对不同属性添加要 执行的客户端脚本。
控件能否被用户访问
控件上的文本字体。如表示字体名称，Font.Bold 表示是否加粗显示
ForeColor Height Width ToolTip
控件上文本的颜色 控件的高度，以像素点为单位 控件的宽度，以像素点为单位 设置当鼠标指针悬浮停在Web服务器控件上时显示的文本
Visible
➢ 【例4-4】演示如何动态地向TextBox控件添加客户 端脚本。该客户端脚本显示TextBox控件中的文本 长度。
参见示例\第5章\WebControlDemo\ClientDemo.aspx
❖ 方法3：向按钮控件添加客户端Onclick事件。
➢ 在按钮控件（Button、LinkButton 和 ImageButton 控件）中，要添加客户端Onclick事 件，可以在设计视图中将按钮控件的OnClientClick 属性设置为要执行的客户端脚本，也可以在源视图中 直接添加OnClientClick属性。
2. TextBox控件
❖ TextBox控件可用于制作单行、多行文本框和 密码框。
❖ 声明TextBox控件的语法格式： <asp:TextBox ID="控件名" runat="server">
❖ 在Visual Studio 2010集成开发环境中，从工具箱的“HTML”选项中 拖放一个Input(submit)按钮控件到设计页面上，切换到源视图， Input(submit)的HTML源代码标记如下：
<input id="Submit1" type="submit" value="submit" />
获取或设置控件的开始标记和结束标记之间的内 容，并自动将特殊字符转换为等效的HTML实体 。例如，假设要显示的内容为<u>Hello</u>， InnerText属性不会对其中的<u>属性进行解释， 所以会将“<u>Hello</u>”直接显示出来。
Value
获取控件的值，如选择控件、输入控件的值
<asp:Button id ="Button2" runat="server"
将控件添加到Web窗体中，有3种方法。 ❖ 方法1：从工具箱中添加控件。 ❖ 方法2：在源视图中，直接添加控件声明代
码。 ❖ 方法3：以编程方式动态创建Web服务器控
件。
2．Web服务器控件的公共属性
属性
说明
AccessKey TabIndex
定义控件的快捷键。例如：定义控件的AccessKey属性为A， 则表示访问该控件的快捷键为Ctrl+A
设置网页中各控件的Tab键顺序，用户敲击Tab键即可按设置 顺序在控件中移动焦点。
Attributes 控件属性集合。该属性只能在编程时指定。
BackColor 控件的背景颜色
Enabled Font
2．HTML控件的类型
❖ HTML控件位于 System.Web.UI.HtmlControls命名空间中， 从HtmlControl基类中直接或间接派生出来的， 包含二十多个HTML控件。 1、输入控件 2、文本区域控件 3、表格控件 4、Image控件 5、选择控件 6、水平线控件 7、Div容器控件
3．HTML服务器控件的公共属性
属性
说明
InnerHtml 获取或设置控件的开始标记和结束标记之间的内 容，但不自动将特殊字符转换为等效的HTML实 体。例如，假设要显示的内容为<u>Hello</u>， InnerHtml属性会对其中的<u>属性进行解释， 所以显示出带下划线的Hello文字。
InnerText
登录控件：简化创建用户登录页面的过程，使开
发人员更容易编写用户授权和管理的程序。
WebParts控件：WebParts是中用于
构建组件化的、高度可配置的Web门户的一套 编程控件。
AJAX控件：允许开发人员在Web应
用程序中使用AJAX技术，而不需要编写大量的客 户端代码。
➢ 【例4-3】演示一个包含客户端脚本的网页， 当用户将鼠标移到按钮上方时，此脚本就会更改该按 钮的文本颜色。
参见示例\第5章\WebControlDemo\ClientDemo.aspx
❖ 方法2：以编程方式向控件添加客户 端事件处理程序。
➢ 在页面的Init或Load事件中调用控件的Attributes 集合的Add方法来动态添加客户端事件处理程序。
4.3.2 常用Web服务器控件
bel控件：用于在网页上显示文本。
❖ 声明Label的语法格式：
<asp:Label ID="控件名" runat="server“ Te x t = " 文 本 " > < / a s p : L a b e l >
❖ Label控件只能用来显示文本，它只有Text属性， 用来获取或设置指定在Label控件上显示的文字。
Disabled
获取或设置一个True或False值。True表示HTML 服务器控件被禁用，False表示HTML服务器控件 未被禁用
Visible
获取或设置一个True或False值。该值指示控件在 页面上是否可见
4．HTML服务器控件的事件
❖ HTML服务器控件不仅可以添加客户端事件代码， 而且可以添加服务器端事件代码。
ondbclick 当鼠标双击控件时触发该事件
onfocus
获得焦点时触发该事件，不过控件必须能够获得焦点
onkeydown 当按下键盘时触发该事件
onkeypress 当按键盘时触发该事件
onkeyup
当放开键盘时触发该事件
onmousedown 当鼠标按下时触发该事件
onmouseup 当鼠标放开时触发该事件
Attributes 服务器控件的所有属性名称和值的集合。使用该属 性可以用编程方式访问HTML服务器控件的所有特 性。如：Submit1.Attributes["Value"] = "提交 ";当然也可以直接使用“控件名.属性”的方式来 设置或获取属性，如Submit1.Value = "提交"。
4.2 HTML服务器控件
❖ HTML服务器控件概述 ❖ HTML服务器控件综合示例
4.2.1 HTML服务器控件概述
1．HTML服务器控件的基本语法
❖ 传统的HTML元素是不能被服务器端直接使用的，但是通过 将这些HTML元素的功能进行服务器端的封装，开发人员就可以在服 务器端使用这些HTML元素。
导航控件：这些控件被设计用于显示站点地图，允
许用户从一个网页导航到另一个网页，如Menu控件、 SiteMapPath控件等。
数 据 控 件 ： 用 于 显 示 大 量 数 据 的 控 件 ， 如 G r i d V i e w 、
ListView控件等，这些控件支持很多高级的定制功能， 比如模板、允许添加、删除、编辑等。数据控件还包 括数据源控件，如SqlDataSource、 LinqDataSource控件等。使开发人员能够使用声明 的方式绑定到不同类型的数据源，简化数据绑定的过 程。
【例4-1】演示如何为HtmlInputSubmit控件的事件添加 方法。
参见示例\第5章\HTMLControlDemo\HtmlControlEvent.aspx
HTML控件的常见客户端事
件
事件
说明
onclick
当鼠标单击控件时触发该事件，如按钮的单击
onchange
当内容改变时被触发，如文本框内容发生变化时触发该事件
❖ 在标记中直接添加runat="server"，可以将HTML控件转化为HTML 服务器控件。设置为服务器控件后，源代码标记如下：
<input id="Submit1" type="submit" value="submit" runat="server"/> ❖ id用来设置控件的名称，在一个程序中各控件的id均不相同，具有唯 一性。id属性允许以编程方式引用该控件。runat="server"表示作为 服务器控件运行。