Net常用控件介绍.ppt

Web常用控件介绍四川航空信息服务部由信息服务部提供Scal.IT.DepartmentSCALScal.IT.Development学习要点熟悉ASP.NET的服务器对象掌握ASP.NET基本控件的使用Scal.IT.Development常用ASP.NET控件的使用ASP.NET控件主要分为以下八类，如表所示序号 控件分类 功能描述 1Web标准控件 和界面设计制作有关的控件 2数据控件 数据访问、操作以及数据可视化方面控件 3验证控件 对用户输入的内容进行验证的控件4导航控件提供站点导航、动态菜单、树型菜单的控件5登录控件用户登录界面的设计制作控件6Web PARTS控件Web门户定制控件。用户可以拖动某一区域在屏幕上重新布局7HTML控件HTML中的常规控件8CRYSTALREPORTS控件提供Web页面上的报表处理Scal.IT.Development目录服务器端标准控件服务器端验证控件服务器控件使用Scal.IT.Development一、服务器端标准控件Scal.IT.Development服务器端标准控件(1)Label和Literal控件主题域使用 Label 控件在网页的设置位置上显示文本，可以通过 Text 属性自定义显示文本。Text属性中可以包含其他HTML元素。Literal 控件和Label控件类似，但它不可向文本中添加任何 HTML元素。因此，Literal 控件不支持包括位置属性在内的任何样式属性。转换成客户端HTML代码后，Literal则是什么标记都不带，但 Literal 控件允许指定是否对内容进行编码。通常情况下，当希望文本和控件直接呈现在页面中而不使用任何附加标记时，可使用 Literal 控件。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development服务器端标准控件(2)TextBox文本框控件该控件用于获取用户输入的文本或显示文本。Text控件常用的 属性如下表所示。Scal.IT.Development服务器端标准控件TextBox文本框控件序号序号属性属性描述描述1Columns以字符为单位的文本框的宽度2MaxLength文本框中可输入的最大字符数3TextMode确定文本框的行为模式是单行文本框、多行文本框还是密码编辑框4Rows设置多行文本框显示的行数。该属性仅对多行文本框起作用。5MaxLength该属性是int类型值，用于设置TextBox控件中键入的最大字符数。6ReadOnly该属性为bool类型值，用于设置TextBox控件中的内容是否为只读。7Text该属性为string类型值，用于获取或设置TextBox控件中的文本。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development服务器端标准控件(3)Image控件该控件是用来插入图片的，常用的属性如下表所示。序号序号属性属性描述描述1AlternateText在图片不存在或尚未下载完的时候显示替换的文本。2DescriptionUrl指定更详细图像说明的URL。3ImageAlign该属性用于设置或获取Image控件与网页其他对象的对齐方式。例如左对齐、右对齐、基底、顶端、中间等。4ImageUrl获取或设置图片来源的相对或绝对位置。Scal.IT.Development服务器端标准控件(4)BUTTON、LINKBUTTON、IMAGEBUTTON控件这三个控件分别表示普通按钮、超链接形式的按钮和图像按钮。每当用户单击按钮时，即调用CLICK事件处理程序。这三个控件常用的属性如下表所示。Scal.IT.Development服务器端标准控件(4)BUTTON、LINKBUTTON、IMAGEBUTTON控件序号序号属性属性描述描述1ONCLIENTCLICK输入客户端代码，以便单击按钮后先在客户端执行此代码后再执行服务器端的响应事件。例如输入ALERT(OK)后，先显示一个对话框后，在执行服务器端事件程序。2COMMANDNAME为该按钮设定一个关联命令。3COMMANDARGUMENT为该按钮设定一个关联命令的参数。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development服务器端标准控件(5)HyperLink控件该控件用于制作文本或图片超级链接。常用的属性下表所示。序号序号属性属性描述描述1ImageUrl该属性用于获取或设置HyperLink控件链接源的来源，若设置它的属性，表示HyperLink控件为图片超链接。2NavigateUrl获取或设置HyperLink控件链接的网页或网址。3Target获取或设置HyperLink控件被点击时，其所链接的网页将在哪个框架或窗口打开。（用于框架网页）Scal.IT.Development服务器端标准控件(6)RadioButton单选按钮该控件为用户提供由两个或多个互斥选项组成的选项集。当用户选择某单选按钮时，同一组中的其他单选按钮不能同时被选定。当单击RadionButton按钮时，其Checked属性设置为true，并且调用Click事件处理程序。当Checked属性的值更改时，将引发heckedChanged事件。用户可以通过用Text属性设置控件内显示的文本。RadioButton控件常用的属性如下表所示。Scal.IT.Development服务器端标准控件(6)RadioButton单选按钮序号序号属性属性描述描述1GroupName将多个单选钮指定为同一组的组名。这样就构成了互斥选项。2Checked该属性为bool类型，用于确定某一个单选按钮是否被选中。3TextAlign文本标签的对齐方式。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development服务器端标准控件(7)CheckBox复选框该控件通常是成组使用来完成多重选项的目的，Checkbox控件常用的属性如表所示。序号序号属性属性描述描述1Checked该属性为bool类型，用于确定某一个复选按钮是否被选中。2Text该属性是string类型值，用于设置与复选按钮相关的标签。3TextAlign文本标签的对齐方式。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development服务器端标准控件(8)DropDownList控件DropDownList控件使用户可以从下拉列表框中进行选择。DropDownList控件常用属性及说明如下表所示。序号序号属性属性说明说明1DataSource获取或设置对象数据源2DataTextField获取或设置为列表项提供文本内容的数据源字段3DataValueField获取或设置为各列表项提供值的数据源字段4SelectedIndex获取或设置DropDownList控件中的选定项的索引5SelectedItem获取列表控件中索引最小的选定项6SelectedValue获取列表空间中选定项的值7Text获取或设置DropDownList空间的SelectedValue属性Scal.IT.Development服务器端标准控件示例 Scal.IT.Development服务器端标准控件(9)ListBox列表框列表框通过显示多个选项供用户选择达到与用户对话的目的。ListBox控件常用的属性如下表所示。序号序号属性属性描述描述1DataSource为ListBox控件设置数据源。2SelectIndexint类型值，用于指示ListBox控件当前选中的索引值。注意索引是从0开始的。3SelectedItemObject类型值，用于指示ListBox控件当前选中的项，它与SelectIndex属性的区别在于，SelectIndex表示当前选中项的索引，而SelectItem表示的是当前选中项本身。4SelectedValue返回列表控件中选定项的值。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development服务器端标准控件(10)FileUpload文件上载控件该控件可实现让用户在客户端选择一个文件,然后放到Web服务器的某个指定的文件夹下。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development服务器端标准控件(11)Panel和Placeholder控件Panel和Placeholder控件都属于容器控件。容器控件是指该控件可以动态容纳其他控件或HTML元素。要在运行时刻向Web页面中动态添加内容，利用容器控件即可实现动态添加内容到Web页中。Panel 和 Placeholder 控件(占位控件)转换成客户端HTML代码后，呈现为 div 元素。Placeholder Web 服务器控件可以将空的容器控件放置到页内，然后在运行时动态添加、删除子元素等。该控件只呈现其子元素，不具有自己的基于 HTML 的输出。Panel服务器控件最终在客户端呈现为div元素，但在Web开发时允许用户在该控件中添加其他控件，而且在运行过程中也允许动态添加控件。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development二、服务器端验证控件 服务器端验证控件是ASP.NET控件中新产生的一类验证控件。当用户输入错误时，验证控件可以显示错误信息。验证控件在正常工作情况下是不可见的，只有当用户输入数据有误时，它们才是可见的。在具体介绍每个控件之前先了解一下它们的公共属性。验证控件的公共属性如下表所示。Scal.IT.Development服务器端验证控件序号序号控件控件名称说明名称说明1ControlToValidate指定一个控件ID，该控件需要进行输入验证。2ErrorMessage用来显示错误信息。3ForeColor指定错误信息显示时的颜色。4Display指定验证控件的错误信息如何显示。Display=static,即静态显示方式(系统默认方式)。当验证控件初始化时，需要在网页上有足够的空间来放置验证控件。当没有显示错误信息时，验证控件仍然占据一定的网页位置。Display=Dynamic，即动态显示方式。当验证控件初始化时，控件不再占有网页上的位置，只有在需要显示错误信息时，控件才会占有一定的网页位置。Display=None，即不在当前验证控件中显示错误信息，而在页面的总结验证控件ValidationSummary中显示错误信息。5EnableClientScript是否启动客户端验证，默认为true。若为false则启动Web服务器来验证。采用客户端验证可得到较快的处理速度。Scal.IT.Development服务器端验证控件 服务器端验证控件包含RequiredFieldValidator、RangeValidator、RegularExpressionValidator、CompareValidator、CustomValidator、ValidationSummary六种验证控件。(1)RequiredFieldValidator控件该控件又称非空验证控件，常用于文本输入框的非空验证。若在网页上使用此控件，则当用户提交网页到服务器端时，系统自动检查被验证控件的输入是否为空。如果为空，则网页显示错误信息。Scal.IT.Development服务器端验证控件(2)RangeValidator控件该控件又称范围验证控件。当用户输入不在验证范围内的值时将印发页面错误。该控件提供Integer、String、Date、Double和Currency五种验证。(3)RegularExpressionValidator控件 该控件又称正则表达式验证控件，它的验证功能比非空验证控件和范围验证控件更强大，用户可以自定义或书写自己的验证表达式。(4)CompareValidator控件该控件又称比较验证控件，主要用来验证TextBox控件内容或者某个控件的内容与某个固定表达式的值是否相同。Scal.IT.Development服务器端标准控件示例 Scal.IT.Development谢谢