7ASPNETWeb服务器控件

第7章ASP.NETWeb服务器控件7.1ASP.NET服务器控件简介7.2基本Web服务器控件7.2.1Label控件7.2.2Button控件7.2.3LinkButton控件7.2.4ImageButton控件7.2.5TextBox控件7.2.6DropDownList控件7.2.7ListBox控件7.2.8CheckBox控件和CheckBoxList控件7.2.9RadioButton控件和RadioButtonList控件7.2.10Panel控件7.3数据验证控件7.3.1数据验证机制介绍7.3.2RequiredFieldValidator控件7.3.3CompareValidator控件7.3.4RangeValidator控件7.3.5RegularExpressionValidator控件7.3.6CustomValidator控件7.3.7ValidationSummary控件第7章ASP.NETWeb服务器控件7.1ASP.NET服务器控件简介创建Web窗体页时，可以使用以下控件类型：HTML服务器控件HTML服务器控件以HTML标记为基础而衍生出来的服务器控件，HTML服务器控件比HTML标记多了两个属性，一个是“runat=server”，一个是“id=控件名称”。这两个属性的作用是控件可以在服务器端作为一个对象使用。默认情况下，服务器无法使用Web窗体页上的HTML元素，但是，通过将HTML元素转换为HTML服务器控件，可将其公开为可在服务器上编程的元素。如果要将ASP网页改写为ASP.NET网页，可以通过在原来的HTML标记中增加这两个属性，从而很容易的完成转换工作。Web服务器控件HTML服务器控件只是使编程更简便，在功能上并没有超越HTML标记。而Web服务器控件则是为了超越HTML标记而诞生的，Web服务器控件比HTML服务器控件具有更多内置功能。Web服务器控件不只包括一般的窗体类型的控件，例如按钮和文本框，而且还包括特殊用途的控件，例如日历，另外还新增了数据验证控件和数据访问控件。控件新增的功能以及新增的控件不仅增强了ASP.NET的功能，同时将以往由开发人员完成的许多繁琐重复的工作都交给控件去完成了。用户控件虽然ASP.NET提供了大量的服务器控件，但它们并不能涵盖每一种情况。根据应用程序的需要用户可以自定义控件。定义用户控件所使用的编程技术与用于编写Web窗体页的技术相同，用户控件用文件扩展名.ascx来进行标识。本章主要介绍Web服务器控件中的一般的窗体类型的控件（我们将这种类型的控件称为基本Web服务器控件）和数据验证控件，数据访问控件的使用将在第9章详细介绍。7.2基本Web服务器控件本节主要介绍如何使用基本Web服务器控件，基本Web服务器控件主要包括:可提供显示文本功能的Label控件；可提供提交或链接功能的三种类型的按钮控件：标准命令按钮（Button控件）、图形化按钮（ImageButton控件）和超级链接样式按钮（LinkButton控件）；可提供输入或选择功能的控件：TextBox（文本框）控件、DropDownList（下拉列表）控件、ListBox（列表框）控件、CheckBox（复选框）控件和CheckBoxList（复选框列表）控件；RadioButton（单选按钮）控件和RadioButtonList（单选按钮列表）控件；可作为其他控件的容器的Panel控件。7.2.1Label控件Label控件是web服务器控件中最简单的一个控件，用来在Web页上显示文本。它的最常用的属性是Text属性，通过设置Text属性可以自定义显示文本。我们前面6.3.1节的HelloBehindVS.aspx中已经使用过。声明Label控件的语法如下：asp:labelid=Messagerunat=server初始显示的文本/asp:label可以使用此id引用以编程方式在运行时操作服务器控件的对象模型，例如，在Page_Load事件处理程序中添加如下代码：Message.Text=您好7.2.2Button控件Web服务器控件包括三种类型的按钮：标准命令按钮（Button控件）、图形化按钮（ImageButton控件）和超级链接样式按钮（LinkButton控件）。这三种按钮都可提供提交或链接功能，但具有不同的外观。当用户单击时，所有三种类型的按钮都会使窗体被提交给服务器。这使得在基于服务器的代码中，页面被处理，任何挂起的事件被引发。这些按钮还可引发它们自己的Click事件，您可以为这些事件编写事件处理程序。本节首先介绍如何使用标准命令按钮——Button控件。使用Button控件可以在Web页上创建普通按钮。下面通过一个实例介绍如何使用Button控件，该例的功能是单击Button控件时，Label控件显示的文字信息以及背景颜色会发生变化，同时Button控件显示的文字信息改变，并且此Button控件变为不可用的状态。具体的实现步骤如下：1.单击【开始】|【程序】|【MicrosoftVisualStudio.NET】|【MicrosoftVisualStudio.NET】。然后打开前面已建的项目：WebCourse，2.在“解决方案资源管理器”窗口中，新建一个文件夹：chapter7，在此文件夹中添加一个Web窗体：useButton.aspx。3.在useButton.aspx的“设计”视图中，从“工具箱”中的“web窗体”工具箱中拖一个“Label”控件和一个“Button”控件到“设计”视图中，并适当的调整位置，如图7.1所示。图7.1useButton.aspx的“设计”视图4.在useButton.aspx的“设计”视图中，选中“Button”按钮，单击右键，在弹出的快捷菜单中单击【属性】命令，如图7.2所示，设置Text属性值为“ClickMe”。图7.2设置Button的属性5.在useButton.aspx.cs文件中，在Page_Load事件处理程序中，添加如下代码：Label1.Text=练习使用Button控件，请单击[ClickMe]按钮;Label1.BackColor=System.Drawing.Color.AliceBlue;6.在useButton.aspx的“设计”视图中，双击Button按钮，则会自动打开useButton.aspx.cs文件，这时系统已经自动添加了这个Button按钮的Click事件的处理函数，在这个Button1_Click()事件处理程序中，添加如下代码：Label1.Text=单击按钮之后;Label1.BackColor=System.Drawing.Color.DarkOrange;Button1.Text=OK;Button1.Enabled=false;7.在“解决方案资源管理器”窗口中的文件useButton.aspx上右击，弹出快捷菜单，单击【生成并浏览】命令，可以直接在VS.NET中浏览程序运行结果，如图7.3所示。单击【练习】按钮之后，显示如图7.4所示图7.3useButton.aspx的运行结果图7.4单击【ClickMe】按钮之后7.2.3LinkButton控件LinkButton控件是在Web页上显示超级链接样式的按钮控件。LinkButton控件的外观与HyperLink控件相同，但功能与Button控件相同。如果要在单击控件时链接到另一个Web页，请使用HyperLink控件，HyperLink的使用很简单，与A标记相类似，但它新增了图片链接的功能。下面通过一个实例介绍如何使用LinkButton控件，该例的功能是单击LinkButton控件时控件的外观发生变化。程序代码均写在LinkButton控件的Click事件处理程序中。具体实现步骤如下：1.仍在项目WebCourse中，在chapter7文件夹中，添加一个Web窗体：useLinkButton.aspx。2.在UseLinkButton.aspx的“设计”视图中，从“工具箱”中的“web窗体”工具箱中拖一个“LinkButton”控件到“设计”视图中，并适当的调整位置。将LinkButton控件的Text属性设置为“加外框线”，如图7.5所示。图7.5设置LinkButton控件的Text属性3.在UseLinkButton.aspx的“设计”视图中，双击上一步刚刚添加的这个LinkButton控件，则在UseLinkButton.aspx.cs自动添加了此按钮的Click事件处理程序，在这个Click事件处理程序中添加程序代码如下：if(LinkButton1.BorderStyle==System.Web.UI.WebControls.BorderStyle.Double){LinkButton1.BorderStyle=System.Web.UI.WebControls.BorderStyle.None;LinkButton1.Text=加外框线;}else{LinkButton1.BorderStyle=System.Web.UI.WebControls.BorderStyle.Double;LinkButton1.Text=去外框线;}4.在Page_Load事件处理程序中，添加如下代码：Response.Write(centerb改变LinkButton控件的外观/b/center);5.在“解决方案资源管理器”窗口中的文件UseLinkButton.aspx上右击，弹出快捷菜单，单击【生成并浏览】命令，可以直接在VS.NET中浏览程序运行结果，如图7.6所示。单击【加外框线】按钮，加上按钮的外框线，同时该控件显示【去外框线】，如图7.7所示。再次单击此按钮，去掉按钮的外框线，同时该控件显示【加外框线】。图7.6UseLinkButton.aspx运行结果1图7.7单击【加外框线】按钮之后7.2.4ImageButton控件ImageButton控件与Button控件的功能相同的，单击按钮都可引发它们自己的Click事件，您可以编写相应的事件处理程序。所不同的是，使用ImageButton控件的ImageUrl属性，允许您将一个图形指定为按钮。这对于提供丰富的按钮外观非常有用。下面通过一个实例介绍如何使用ImageButton控件，该例的功能是单击ImageButton控件时控件的外观发生变化。程序代码均写在ImageButton控件的Click事件处理程序中。具体实现步骤如下：1.仍在项目WebCourse中，在chapter7文件夹中，添加一个Web窗体：useImageButton.aspx。2.在文件夹chapter7中新建一个文件夹：images，在这个新建的文件夹上右击，弹出快捷菜单，将光标指向【添加】，单击【添加现有项】命令，弹出“添加现有项”对话框，如图7.8所示，到相应的文件路径下找到所要添加的文件，此例是在webPictures文件夹中，选中“NEXT.jpg”和“NEXTd.jpg”文件，单击【打开】。这样就在文件夹images中的添加了两个图像文件。图7.8添加现有项对话框3.在UseImageButton.aspx的“设计”视图中，从“工具箱”中的“web窗体”工具箱中拖一个“ImageButton”控件到“设计”视图中，并适当的调整位置。将ImageButton控件ImageUrl属性设置为“NEXT.jpg”。4.在UseImageButton.aspx的“设计”视图中，双击上一步刚刚添加的这个ImageButton控件，则在UseImageButton.aspx.cs自动添加了此按钮的Click事件处理程序，在这个Click事件处理程序中添加程序代码如下：if(ImageButton1.ImageUrl==images/NEXT.jpg){ImageButton1.ImageUrl=images/NEXTd.j