第5章_ASPNET常用服务器控件

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