条款11　如何设置控件的属性和事件处理程序  

开发人员通过从“工具箱”窗口拖放控件到设计页面上，并利用属性浏览器为其设置属性和事件。大多数控件都拥有一些共有的属性与事件，例如ID、Text属性以及Click事件等。让我们通过几个简单的控件来熟悉为控件设置属性和添加事件的基本方法。

首先，创建一个ASP.NET 网站，切换到Default.aspx页面的“设计”视图，从“工具箱”的“标准”组中将一个Label控件拖放到页面上。右击该控件，在菜单中选择【属性】，展开“属性”窗口（图11-1）。

在设置Label控件的属性前，先对“属性”窗口做一个了解。

图11-2中标出了“属性”窗口中最上面一行的四个按钮的作用。靠左边的两个按钮用于指定属性和事件排序的方式，通常使用按字母顺序排列便于查找。后面的两个按钮则是在属性与事件列表间切换时使用。

接下来，就可以在属性列表中为Label控件设置属性了。图11-3是以Label控件的外观的属性值：BackColor（背景色）、BorderColor（边框颜色）、BorderStyle（边框样式）、BorderWidth（边框宽度）、Font（字体）、ForeColor（前景色）、Height（高度）等为例。

图　11-1

图　11-2

图　11-3

之前在“属性”窗口中所做的设置，也可以在该视图中手动添加。

代码清单 11‑1　设置Label控件属性   
<asp:Label
runat="server"
ID="Label1"
Text="Appearance"
BackColor="Blue"
BorderColor="Yellow"
BorderWidth="2px"
Font-Bold="True"
Font-Names="Verdana"
ForeColor="White" >
</asp:Label>    

在本示例中，将Label控件的Text属性设为“请输入您的姓名：” ，然后添加TextBox、Button 和另外一个Label控件至页面。选中 Button 控件，在其“属性”窗口中将Text属性值设置为“提交”。更详细的控件属性设置见右侧的表。

其余样式按图11-4布局。

图　11-4

切换回“源”视图，此时的HTML标记丰富了许多（如图11-5所示）。

图　11-5

所有服务器控件使用“asp:”作为前缀，并包括一个runat=“server”的属性。这表明当页面运行时它们由 ASP.NET 在服务器端进行处理。接下来为Button控件添加处理事件。返回“设计”视图，双击Button控件，或者是选中Button控件，在“属性”窗口中点击事件标记 ，双击Click事件右侧的文本框（图11-6）。

此时，集成开发环境将在编辑器的单独窗口中打开Default. aspx.cs文件，其中包含Button按钮的Click 事件处理程序框架，键入如下代码：

代码清单 11-2    

protected void btSubmit_Click(object sender, EventArgs e)
{
lbResult = tbName.Text + "，欢迎您！";
}    

现在按下Ctrl + F5在浏览器中运行该页。在文本框中输入名称并单击提交按钮。输入的名称将显示在Label控件中（图11-7）。

图　11-7

注意   
只有将当前页面设为起始页，按下Ctrl + F5才能在浏览器中查看到该页的内容。