2024年3月14日发(作者:)

第二章:WEB服务器控件

在中,Web Form能容纳的对象主要是Server Control(服务器端控件)。控件

叫服务器端的,因为这些控件都是服务器端来处理的。Server Control会在初始化的时候自

动生成适合浏览器的HTML代码。这样在编写程序的时候,就不必考虑浏览器的兼容

性问题!

服务器端控件的执行过程是:先在服务器执行,根据执行结果生成html元素,然后发回给

客户端浏览器。Web 服务器控件位于以 trols 命名的空间中,并集成

在 的基本类库中,人们习惯称为 Web 控件。像 HTML 服务器控件一样,Web 服

务器控件也 是被创建于服务器上并且需要 runat="server" 属性来工作。然而,Web 服

务器控件不是必 须要映射到已存在的 HTML 元素,它们可以表现为更复杂的元素。

2.1 WEB 服务器控件的格式

Web 服务器控件有两种具体格式。

(1) 所有属性均定义在一对尖括号“<>”内,并以“asp:”作为前缀标志,以“/”作 为结

束标志。其格式形式为:

注意:属性之间要空格分开。

(2) 除了 Text 属性外,其他属性均定义在一对尖括号<>内,并以“asp:control_name” 作

为前缀标志,以“”作为结束标志,Text 属性放在尖括号和结束标志 的

中间。其格式形式为:

text

注意:control_name为控件名。

示例:

2.2 服务器控件的类型

提供了两种不同类型的服务器控件:HTML服务器控件和Web服务器控件。

这两种类型的控件大不相同,在使用时,就会看出重 点是Web服务器控件。这

并不是说,HTML服务器控件没有用,它们提供了许多功能,其中一些功能Web服务器控

件也没有。

2.3 用服务器控件建立页面

使用服务器控件构建页面有两种方式。可以可视化地把控件拖放到设计界面

上,操纵该控件的行为。也可以直接通过输入代码来处理服务器控件。

1

2.3.1 在设计界面上使用服务器控件高级编程)

Visual Studio 2005允许可视化地把控件拖放到设计界面上,可视化地创建页面。

要获得这个可视化的设计选项,可以在查看页面时,单击 IDE底部的Design选

项卡。在这个视图中,可以把光标放在希望控件出现的地方,再在Visual Studio的Toolbox

窗口中双击需要的控件。

在页面的Design视图中,可以突出显示一个控件,该控件的属性就会显示在Properties

窗口中。例如,在图4-1中,在设计面板上选择Button控件,其属性就显示在右下角的

Properties窗口中。

图 4-1

在这个窗口中修改属性,就会改变突出显示的控件的外观或行为。所有的控件都继承了

一个特定的基类(WebControl),所以还可以同时突出显示多个控件,一次改变这些控件的基

本属性。在选择控件时,需要按住Ctrl键。

2.3.2 在Source界面使用服务器控件

与Design视图一样,页面的Source视图也允许把控件从Toolbox拖放到代码页面上。

例如,把一个TextBox控件拖放到代码页面上,与把它拖放到设计界面上的效果相同:

也可以在Source视图中突出显示一个控件,或把光标放在该控件的代码语句上,

Properties窗口就会显示该控件的属性。现在就可以直接应用Visual Studio的Properties窗口

中的属性了,这些属性会动态添加到控件的代码中。

2.3.3 处理服务器控件的事件

例如,窗体上按钮的一个常见事件是Button_Click,如程序清单所示。

处理按钮单击事件

protected void Button1_Click(object sender,EventArgs e)

{

// Code actions here

}

程序清单中的事件仅在终端用户单击了窗体上的按钮时才触发,该窗体具有

2