第4章+HTML控件和Web服务器控件

第4章HTML控件和Web服务器控件本章讲述的主要内容4.1ASP.NET控件概述4.2标准服务器端控件4.3数据验证控件4.4用户自定义控件4.1基本的Web控件ASP.NET提供的Web控件提供了丰富功能，可以使程序的开发变得更加简单和丰富。Web控件中包括传统的表单控件，如TextBox和Button，以及其它更高抽象级别的控件，如Calendar和DataGrid控件。它们提供了一些能够简化开发工作的特性：1.丰富而一致的对象模型。2.对浏览器的自动检测。3.数据绑定。4.支持主题。4.1基本的Web控件ASP.NET提供了与HTML元素相对应的基本Web控件，下表列举了ASP.NET提供的基本的Web控件。4.1服务器控件•ASP.NET服务器控件主要分为以下三种类型：–HTML服务器控件–Web服务器控件标准服务器控件验证控件导航控件数据控件登录控件等。–用户自定义服务器控件4.1.1服务器控件的分类4.1服务器控件•HTML服务器控件4.1.1服务器控件的分类–HTML服务器控件类是在命名空间Syetem.Web.UI.HtmlControls中定义的。–HTML服务器控件的语法格式如下：控件标记Id=控件名称属性1=属性值1...Runat=Server/例如，如下输入密码的文本框控件：inputId=Password1type=passwordRunat=Server/4.1ASP.NET控件概述HTML控件HTML控件在默认情况下属于客户端（浏览器）控件，服务器无法对其进行控制。HTML控件是从HTML标记衍生而来的，每个控件对应于一个或一组HTML标记。例如，前面我们经常使用的HTML表格控件，就是一个常用于页面布局工具的HTML控件，如果不使用工具箱中的控件，而直接在源视图中书写相应的HTML代码也可以得到相同的效果，但使用控件可以节省大量的代码书写时间，且使操作变成了可视化的方式。HTML控件可以通过修改代码将其变成Web服务器端控件，几乎所有的HTML标记只要加上runat=server，这个服务器控件标识属性后都可以变成服务器端控件。这与普通HTML标记相比最大的区别在于，服务器端控件可以通过服务器端代码来控制。4.1ASP.NET控件概述服务器端控件1.服务器端控件的执行过程当用户请求一个包含有Web服务器端控件的.aspx页面时，服务器首先对页面进行处理，将页面中包含的服务端控件及其他内容解释成标准的HTML代码，然后将处理结果以标准HTML的形式一次性发送给客户端。2.ASP.NET页面的处理过程当用户通过浏览器发出一个对ASP.NET页面的请求后，Web服务器将用户的请求交由ASP.NET引擎来处理。系统首先会检查在服务器缓存中是否有该页面，或此页面是否已被编译成了.dll文件（DynamicLinkLibrary，动态链接库）。若没有则将页面转换为源程序代码，然后由编译器将其编译成.dll文件，否则直接利用已编译过的.dll文件建立对象，并将执行结果返回到客户端浏览器。4.1服务器控件•Web服务器控件4.1.2服务器控件的分类–Web服务器控件类定义在Syetem.Web.UI.WebControls命名空间中。–Web服务器控件的语法格式如下：asp:控件标记Id=控件名称属性1=属性值1…Runat=Server/或asp:控件标记Id=控件名称属性1=属性值1…Runat=Server/asp:控件标记4.1基本的Web控件在ASP.NET中，Web控件是使用相应的标记来编写控件的。Web控件的标记有特定的格式：以asp:开始，后面跟相应控件的类型名，最后以/结束，在其间可以设置各种属性。例如，这里定义了一个TextBox控件：asp:TextBoxID=“text1”runat=”Server”/当客户端请求该控件所在.aspx页面时，服务器就会把下面的代码送到客户端：inputtype=”text”ID=”text1”name=”text1”使用Web控件，使得程序员不用详细了解HTML元素就可以设计页面。在VisualStudio中，程序员可以把Web控件拖拽到页面上来设计页面。4.1基本的Web控件Web控件可分为两部分：1.Web控件：用来组成与用户进行交互的页面。这类控件包括常用的按钮控件、文本框控件、标签控件等，还有验证用户输入的控件，以及日历控件等。2.数据绑定控件，用来实现数据的绑定和显示。这类控件包括广告控件、表格控件等，还有用于导航的菜单控件和树型控件。4.1服务器控件•用户自定义服务器控件4.1.3服务器控件的分类–自定义控件被定义在命名空间System.Web.UI.Control或Syetem.Web.UI.WebControls中，是编程人员自行设计和开发的控件。–它存放在扩展名为.ascx的文件中，使用时只须将它们集成进ASP.NET应用程序中。–通过这个方法，用户不仅可以使用自己定义的控件，还可以很方便地使用第三方提供的现成控件，如图表工具和树形图等，且大部分控件都可以在网上免费下载，这为广大程序开发者高效、快速的地开发Web程序提供了方便。4.1服务器控件•Web服务器控件的共有属性4.1.4Web服务器控件的属性、事件和方法属性说明属性说明AccessKey定义控件的加速键Font-Names控件使用字体的列表BackColor控件的背景颜色Font-Size字体的大小BorderColor控件的边框颜色Font-Underline字体是否使用下划线BorderStyle控件的边框样式ForeColor控件上文本的颜色BoderWidth控件的边框宽度Height控件的高度CSSClass控件使用的样式表类TabIndex控件的Tab键顺序Enabled指定控件能否被访问Text控件上显示的文本Font-Bold字体是否为粗体ToolTip设置控件的提示信息Font-Name控件上文本的字体Visible设置控件是否可见Runat属性值固定为ServerWidth控件的宽度4.1服务器控件•Web服务器控件的方法4.1.5Web服务器控件的属性、事件和方法方法说明ApplyStyleSheetSkin将页面样式表中定义的属性应用于该控件DataBind将控件与某个数据源进行绑定Dispose从内存中释放控件之前，给控件一个执行清除任务的机会Focus把输入焦点设置为该控件GetType获取当前实例的类型4.1服务器控件•Web服务器控件事件和事件过程4.1.6Web服务器控件的属性、事件和方法–Web服务器控件事件是使某个控件进入活动状态的一种操作或动作。例如，按下某个键、单击一下鼠标等都可触发一个控件事件。在例7-1中，单击“登录”和“取消”按钮都会触发Button控件的鼠标单击事件。–事件发生以后，如果有相应的事件处理过程，就会完成过程所要求的功能。如“取消”按钮的单击事件过程，将“用户名”输入框和“密码”输入框的内容清空，并将光标定位到“用户名”输入框上。4.2标准服务器端控件4.2.1ImageButton和HyperLink控件ImageButton（图像按钮）、Image（图像）和HyperLink（超链接）控件都可以在控件中显示图片，且都具有超链接跳转的功能。1.ImageButton控件4.2标准服务器端控件4.2.1ImageButton和HyperLink控件2.HyperLink控件双击HyperLink（超链接）控件在工具箱中的图标，可将控件添加到当前页面光标所在位置。HyperLink控件与标签控件很相似，但该控件支持用户的单击事件，可以在控件中显示图片，可以指定超链接的目标框架等特有属性。4.2标准服务器端控件4.2.2Image和ImageMap控件Image控件和ImageMap控件都是用于图片显示的控件。1.Image控件4.2标准服务器端控件4.2.2Image和ImageMap控件2.ImageMap控件利用ImageMap控件可以创建一个图像，该图像包含任意数目的，用户可以单击的区域，这些区域称为“作用点”。每一个作用点都可以是一个单独的超链接或回发事件。ImageMap控件与其他网页编辑工具（如Dreamware）提供的“热点地图”功能类似。ImageMap控件主要由以下两个部分组成：1)显示于控件中的图像。它可是任何标准Web图形格式的图形，如*.gif、*.jpg或*.png文件，该图像构成用户操作界面。2)隐藏在图像中的作用点集合。每个作用点控件都是一个不同的Web元素。对于每个作用点控件，需要定义其形状（圆形、矩形或多边形）以及用于指定作用点位置和大小的坐标。例如，如果创建一个圆形作用点，则应定义圆心的x、y坐标及圆的半径。使用Image控件、ImageButton控件、HyperLink控件和ImageMap控件制作一个ASP.NET网站ImageAndHyper.aspx4.2标准服务器端控件4.2.3RadioButton和RadioButtonList控件1.单选按钮控件（RadioButton）4.2标准服务器端控件4.2.3RadioButton和RadioButtonList控件2.单选按钮组控件（RadioButtonList）一个实例GroupnameDataSourceDataTable的用法IsPostBack和page_loadAutoPostback属性和SelectedIndexChanged4.2标准服务器端控件4.2.4CheckBox和CheckList控件CheckBox（复选框）与CheckList（复选框组）控件的作用十分相似，都是用于向用户提供多选输入数据的控件。用户可以在控件提供的多个选项中选择一个或多个。被选中的对象中带有一个“√”标记，CheckBox和CheckList控件的外观如图6-15所示。联合循环语句讲解4.2标准服务器端控件4.2.5ListBox和DropDownList控件ListBox（列表框）和DropDownList（下拉列表框）控件也是一种常见的用于向用户提供输入数据选项的控件，其外观如图6-15和图6-16所示。参看RadioButtonList的例子4.2标准服务器端控件4.2.8容器控件所谓“容器”控件是指可以安放其他控件的控件。ASP.NET2.0提供有两种容器控件，PlaceHolder和Panel控件。PlaceHolder控件用于在Web页面上保留一个位置，以便在程序运行时向其中动态地添加其他控件，这对动态网页的布局设计是十分有利的。Panel控件对应于HTML的div标记，其作用与PlaceHolder控件相似，可以将放置在其中的一组控件作为一个整体来操作。最常用的是通过设置Panel的Visible属性来控制这一组控件的显示或隐藏。4.2标准服务器端控件4.2.7Table控件前面介绍过在Web页面中用于页面布局的HTML表格控件，那是一种用于静态环境的布局工具。在工具箱“标准”选项卡中也有一个Table控件，其图标为。这是一个Web服务器端控件，使用该控件可更易于编程，用户可通过程序代码方便地控制表格中显示的内容及表格的行、列数。Tabel控件除了具有HTML表格的一般属性，如BackImageUrl（背景图片）、BackColor（背景颜色）、BorderStyle（边框样式）、BorderColor（背景颜色）、CellPadding（单元格内间距）、CellSpacing（单元格之间距离）、GridLines（单元格框线）、Width（宽）、Height（高）等，还具有两个关键的子对象TableRow和TableCell，前者用于创建和设置表格中的行，后者用于创建和设置表格中的列。通常可以通过TableCell对象的Text属性从单元格读取，或向其中写入数据。例6-4TableDynamic.aspx【例6-5】Placeholder