ASP.NET中Label控件用法详解
Label 控件提供了一种在 ASP.NET 网页中以编程方式设置文本的方法。当希望在运行时更改网页中的文本(比如响应按钮单击)时,通常可以使用 Label 控件。
一、属性
Label控件的常用属性及说明如表1所示。
表1 Label控件常用属性及说明
下面详细介绍Label控件的一些重要属性。
1.ID属性
ID属性用来惟一标识Label控件,程序开发人员在编程过程中可以利用ID属性调用该控件的属性、方法和事件。可通过属性对话框对ID属性进行设置,如图1所示。
图1 Label控件属性设置
注意:
(1)Label控件的属性设置也可以通过HTML代码实现,实现代码如下:
复制代码 代码如下:
<asp:Label ID="Label1" runat="server" Text="Label示例"
BackColor="#FF8000" BorderColor="Blue"
CssClass="stylecs.css" Font-Names="宋体" Font-Size="9pt"
ForeColor="Black" Height="13px" Width="57px">
</asp:Label>
(2)以下所有控件的属性都可以通过属性对话框进行设置,以后将不再赘述。
2.Text属性
Text属性用来设置Label控件所显示的文本内容,如图1所示。
3.CssClass属性
在设置Label控件的CssClass属性前,首先要在网站HTML设计页的“<head></head>”节中编写如下代码。
复制代码 代码如下:
<link href="stylecs.css" rel="stylesheet" type="text/css"/>
然后在属性对话框中设置控件的CssClass属性为stylecs(stylecs为样式名)。
二、方法
Label控件常用方法及说明如表2所示。
表2 Label控件常用方法及说明
说明:
DataBind方法主要用来执行数据绑定操作,该方法在数据绑定控件(如GridView控件)中很常用,这里不做介绍,具体请参见GridView控件的DataBind方法的使用及示例。另外Focus方法常用于为TextBox控件设置焦点,其具体用法请参见TextBox控件Focus方法使用。
三、事件
Label控件的常用事件及说明如表3所示。
表3 Label控件常用事件及说明
如果在Label控件的某个事件下实现功能,可以在属性对话框中单击 image004 图标按钮,找到相应事件,然后双击进入其后台页中编写代码。例如:如果用户想在页面执行时直接将Label控件加载到Page对象中,可直接在Label 控件的Load事件下编写如下代码:
复制代码 代码如下:
protected void Label1_Load(object sender, EventArgs e)
{
Label1.Text = "Label控件事件代码编写";
}
四、示例
Label控件示例
下面示例主要通过设置Label控件的相关属性来控制其显示外观。新建一个网站,默认主页为Default.aspx,在Default.aspx页面上添加一个Label控件,其属性设置如表4所示。
表4 Label控件属性设置
执行程序,示例运行结果如图2所示。
图2 Label控件示例
程序完整代码如下:
Default.aspx.cs 代码文件
复制代码 代码如下:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void labTest_Load(object sender, EventArgs e)
{
labTest.Focus();
}
}
Default.aspx 设计文件
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Label控件示例</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="labTest" runat="server" BackColor="Green" BorderColor="Blue" Font-Bold="True"
Font-Names="宋体" Font-Size="24pt" ForeColor="White" Height="20px" OnLoad="labTest_Load"
Text="Label示例" Width="167px" BorderWidth="2px"></asp:Label></div>
</form>
</body>
</html>