Net常用控件介绍.ppt
Web常用控件介绍,四川航空信息服务部,由信息服务部提供Scal.IT.Department,SCAL,学习要点,熟悉ASP.NET的服务器对象掌握ASP.NET基本控件的使用,常用ASP.NET控件的使用,ASP.NET控件主要分为以下八类,如表所示,目录,服务器端标准控件服务器端验证控件服务器控件使用,一、服务器端标准控件,服务器端标准控件,(1)Label和Literal控件主题域使用 Label 控件在网页的设置位置上显示文本,可以通过 Text 属性自定义显示文本。Text属性中可以包含其他HTML元素。Literal 控件和Label控件类似,但它不可向文本中添加任何 HTML元素。因此,Literal 控件不支持包括位置属性在内的任何样式属性。转换成客户端HTML代码后,Literal则是什么标记都不带,但 Literal 控件允许指定是否对内容进行编码。通常情况下,当希望文本和控件直接呈现在页面中而不使用任何附加标记时,可使用 Literal 控件。,服务器端标准控件,示例,服务器端标准控件,(2)TextBox文本框控件该控件用于获取用户输入的文本或显示文本。Text控件常用的 属性如下表所示。,服务器端标准控件,TextBox文本框控件,服务器端标准控件,示例,服务器端标准控件,(3)Image控件该控件是用来插入图片的,常用的属性如下表所示。,服务器端标准控件,(4)BUTTON、LINKBUTTON、IMAGEBUTTON控件这三个控件分别表示普通按钮、超链接形式的按钮和图像按钮。每当用户单击按钮时,即调用CLICK事件处理程序。这三个控件常用的属性如下表所示。,服务器端标准控件,(4)BUTTON、LINKBUTTON、IMAGEBUTTON控件,服务器端标准控件,示例,服务器端标准控件,(5)HyperLink控件该控件用于制作文本或图片超级链接。常用的属性下表所示。,服务器端标准控件,(6)RadioButton单选按钮该控件为用户提供由两个或多个互斥选项组成的选项集。当用户选择某单选按钮时,同一组中的其他单选按钮不能同时被选定。当单击RadionButton按钮时,其Checked属性设置为true,并且调用Click事件处理程序。当Checked属性的值更改时,将引发heckedChanged事件。用户可以通过用Text属性设置控件内显示的文本。RadioButton控件常用的属性如下表所示。,服务器端标准控件,(6)RadioButton单选按钮,服务器端标准控件,示例,服务器端标准控件,(7)CheckBox复选框该控件通常是成组使用来完成多重选项的目的,Checkbox控件常用的属性如表所示。,服务器端标准控件,示例,服务器端标准控件,(8)DropDownList控件DropDownList控件使用户可以从下拉列表框中进行选择。DropDownList控件常用属性及说明如下表所示。,服务器端标准控件,示例,服务器端标准控件,(9)ListBox列表框列表框通过显示多个选项供用户选择达到与用户对话的目的。ListBox控件常用的属性如下表所示。,服务器端标准控件,示例,服务器端标准控件,(10)FileUpload文件上载控件该控件可实现让用户在客户端选择一个文件,然后放到Web服务器的某个指定的文件夹下。,服务器端标准控件,示例,服务器端标准控件,(11)Panel和Placeholder控件Panel和Placeholder控件都属于容器控件。容器控件是指该控件可以动态容纳其他控件或HTML元素。要在运行时刻向Web页面中动态添加内容,利用容器控件即可实现动态添加内容到Web页中。Panel 和 Placeholder 控件(占位控件)转换成客户端HTML代码后,呈现为 div 元素。Placeholder Web 服务器控件可以将空的容器控件放置到页内,然后在运行时动态添加、删除子元素等。该控件只呈现其子元素,不具有自己的基于 HTML 的输出。Panel服务器控件最终在客户端呈现为div元素,但在Web开发时允许用户在该控件中添加其他控件,而且在运行过程中也允许动态添加控件。,服务器端标准控件,示例,二、服务器端验证控件,服务器端验证控件是ASP.NET控件中新产生的一类验证控件。当用户输入错误时,验证控件可以显示错误信息。验证控件在正常工作情况下是不可见的,只有当用户输入数据有误时,它们才是可见的。在具体介绍每个控件之前先了解一下它们的公共属性。验证控件的公共属性如下表所示。,服务器端验证控件,服务器端验证控件,服务器端验证控件包含RequiredFieldValidator、RangeValidator、RegularExpressionValidator、CompareValidator、CustomValidator、ValidationSummary六种验证控件。(1)RequiredFieldValidator控件该控件又称非空验证控件,常用于文本输入框的非空验证。若在网页上使用此控件,则当用户提交网页到服务器端时,系统自动检查被验证控件的输入是否为空。如果为空,则网页显示错误信息。,服务器端验证控件,(2)RangeValidator控件该控件又称范围验证控件。当用户输入不在验证范围内的值时将印发页面错误。该控件提供Integer、String、Date、Double和Currency五种验证。(3)RegularExpressionValidator控件 该控件又称正则表达式验证控件,它的验证功能比非空验证控件和范围验证控件更强大,用户可以自定义或书写自己的验证表达式。(4)CompareValidator控件该控件又称比较验证控件,主要用来验证TextBox控件内容或者某个控件的内容与某个固定表达式的值是否相同。,服务器端标准控件,示例,谢谢,