Net常用控件介绍

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