第5章ASPNET常用服务器控件

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