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