常用控件介绍

1、Web常用控件介绍,四川航空信息服务部,由信息服务部提供 Scal.IT.Department,SCAL,学习要点,熟悉ASP.NET的服务器对象 掌握ASP.NET基本控件的使用,常用ASP.NET控件的使用,ASP.NET控件主要分为以下八类，如表所示,目录,服务器端标准控件 服务器端验证控件 服务器控件使用,一、服务器端标准控件,服务器端标准控件,(1) Label和Literal控件主题域 使用 Label 控件在网页的设置位置上显示文本，可以通过 Text 属性自定义显示文本。Text属性中可以包含其他HTML元素。Literal 控件和Label控件类似，但它不可向文本中添加任何

2、HTML元素。因此，Literal 控件不支持包括位置属性在内的任何样式属性。转换成客户端HTML代码后，Literal则是什么标记都不带，但 Literal 控件允许指定是否对内容进行编码。通常情况下，当希望文本和控件直接呈现在页面中而不使用任何附加标记时，可使用 Literal 控件。,服务器端标准控件,示例,服务器端标准控件,(2) TextBox文本框控件 该控件用于获取用户输入的文本或显示文本。Text控件常用的 属性如下表所示。,服务器端标准控件,TextBox文本框控件,服务器端标准控件,示例,服务器端标准控件,(3)Image控件 该控件是用来插入图片的，常用的属性如下表所示。

3、,服务器端标准控件,(4)BUTTON、LINKBUTTON、IMAGEBUTTON控件 这三个控件分别表示普通按钮、超链接形式的按钮和图像按钮。每当用户单击按钮时，即调用CLICK事件处理程序。这三个控件常用的属性如下表所示。,服务器端标准控件,(4)BUTTON、LINKBUTTON、IMAGEBUTTON控件,服务器端标准控件,示例,服务器端标准控件,(5)HyperLink控件 该控件用于制作文本或图片超级链接。常用的属性下表所示。,服务器端标准控件,(6)RadioButton单选按钮 该控件为用户提供由两个或多个互斥选项组成的选项集。当用户选择某单选按钮时，同一组中的其他单选按钮不

4、能同时被选定。当单击RadionButton按钮时，其Checked属性设置为true，并且调用Click事件处理程序。当Checked属性的值更改时，将引发heckedChanged事件。用户可以通过用Text属性设置控件内显示的文本。RadioButton控件常用的属性如下表所示。,服务器端标准控件,(6)RadioButton单选按钮,服务器端标准控件,示例,服务器端标准控件,(7)CheckBox复选框 该控件通常是成组使用来完成多重选项的目的， Checkbox控件常用的属性如表所示 。,服务器端标准控件,示例,服务器端标准控件,(8)DropDownList控件 DropDownL

5、ist控件使用户可以从下拉列表框中进行选择。DropDownList控件常用属性及说明如下表所示。,服务器端标准控件,示例,服务器端标准控件,(9)ListBox列表框 列表框通过显示多个选项供用户选择达到与用户对话的目的。ListBox控件常用的属性如下表所示。,服务器端标准控件,示例,服务器端标准控件,(10)FileUpload文件上载控件 该控件可实现让用户在客户端选择一个文件,然后放到Web服务器的某个指定的文件夹下。,服务器端标准控件,示例,服务器端标准控件,(11) Panel和Placeholder控件 Panel和Placeholder控件都属于容器控件。容器控件是指该控件可

6、以动态容纳其他控件或HTML元素。要在运行时刻向Web页面中动态添加内容，利用容器控件即可实现动态添加内容到Web页中。 Panel 和 Placeholder 控件(占位控件)转换成客户端HTML代码后，呈现为 div 元素。Placeholder Web 服务器控件可以将空的容器控件放置到页内，然后在运行时动态添加、删除子元素等。该控件只呈现其子元素，不具有自己的基于 HTML 的输出。 Panel服务器控件最终在客户端呈现为div元素，但在Web开发时允许用户在该控件中添加其他控件，而且在运行过程中也允许动态添加控件。,服务器端标准控件,示例,二、服务器端验证控件,服务器端验证控件是AS

7、P.NET控件中新产生的一类验证控件。当用户输入错误时，验证控件可以显示错误信息。验证控件在正常工作情况下是不可见的，只有当用户输入数据有误时，它们才是可见的。在具体介绍每个控件之前先了解一下它们的公共属性。验证控件的公共属性如下表所示。,服务器端验证控件,服务器端验证控件,服务器端验证控件包含RequiredFieldValidator、RangeValidator、RegularExpressionValidator、CompareValidator、CustomValidator、ValidationSummary六种验证控件。 (1)RequiredFieldValidator控件 该控件又称非空验证控件，常用于文本输入框的非空验证。若在网页上使用此控件，则当用户提交网页到服务器端时，系统自动检查被验证控件的输入是否为空。如果为空，则网页显示错误信息。,服务器端验证控件,(2)RangeValidator控件 该控件又称范围验证控件。当用户输入不在验证范围内的值时将印发页面错误。该控件提供Integer、String、Date、Double和Currency五种验证。 (3)RegularExpressionValidator控件 该控件又称正则表达式验证控件，它的验证功能比非空验证控