ASP.NET - Label Web 服務(wù)器控件概述

2019-11-17 04:01:32

字體：大中小

供稿：網(wǎng)友

      Label Web 服務(wù)器控件可讓您以編程方式設(shè)置 asp.net 網(wǎng)頁中的文本。

一、方案

通常當(dāng)希望在運(yùn)行時(shí)更改頁面中的文本（比如響應(yīng)按鈕單擊）時(shí)使用 Label 控件。

二、功能

您可以在設(shè)計(jì)時(shí)，或者在運(yùn)行時(shí)從程序中設(shè)置 Label 控件的文本。還可以將 Label 控件的 Text 屬性綁定到數(shù)據(jù)源，以在頁面上顯示數(shù)據(jù)庫信息。

三、背景

可以將 Label 控件用作 TextBox 控件或其他控件前面的活動(dòng)標(biāo)題。然后，用戶可以按訪問鍵移動(dòng)到以 Label 控件作為標(biāo)題的控件。

      Label 控件提供了一種在 ASP.NET 網(wǎng)頁中顯示文本的方法。其他選項(xiàng)包括以下各項(xiàng)：

·HTML 標(biāo)記：  如果要顯示靜態(tài)文本，則可以使用 HTML 呈現(xiàn)它；不需要 Label 控件。僅當(dāng)需要在服務(wù)器代碼中更改文本的內(nèi)容或其他特性時(shí)，才使用 Label 控件。

·Literal 控件：與Label 控件類似，Literal 控件可讓您以編程方式在頁中顯示文本。但是，Literal 控件不支持樣式屬性，也不支持主題或外觀。

      1、在列表控件中使用標(biāo)簽

Label 控件通常在列表 Web 服務(wù)器控件（如 Repeater、DataList、GridView、DetailsView 和 FormView 控件）中使用，以顯示數(shù)據(jù)庫中的只讀信息。常用策略是將一個(gè) Label 控件添加到其中一個(gè)控件的模板中。

2、安全性和 Label 控件

可以將 Label 控件的 Text 屬性設(shè)置為任何字符串（包括包含標(biāo)記的字符串）。如果字符串包含標(biāo)記，Label 控件將解釋該標(biāo)記。例如，如果將 Text 屬性設(shè)置為 <b>Test</b>，則 Label 控件將以粗體呈現(xiàn)單詞 Test。

為了避免安全性問題（如腳本注入的可能性），請(qǐng)不要將 Text 屬性設(shè)置為包含來自不受信任源的標(biāo)記的字符串。如果您對(duì)用于 Text 屬性的字符串的源不信任，則應(yīng)該對(duì)該字符串進(jìn)行編碼。

四、如何：向 Web 窗體頁添加 Label Web 服務(wù)器控件

      可以將 Label Web 服務(wù)器控件作為獨(dú)立控件添加到 ASP.NET 網(wǎng)頁上。還可以使 Label 控件成為其他控件的子控件，如在 Web 服務(wù)器控件模板中使用這些控件。

      說明：如果要顯示靜態(tài)文本，可以使用 HTML 呈現(xiàn)它，不需要使用 Label 控件。僅當(dāng)需要以編程方式更改文本的內(nèi)容或外觀時(shí)，才使用 Label 控件。

      1、從工具箱的“標(biāo)準(zhǔn)”選項(xiàng)卡中，將 Label 控件拖到頁面上。

2、在“屬性”窗口的“外觀”類別中，將該控件的 Text 屬性設(shè)置為要顯示的文本?？梢栽谠搶傩灾邪?HTML 格式設(shè)置。例如，在 Text 屬性中，可以通過在文本中的單個(gè)單詞兩側(cè)放置 <b> 標(biāo)記來對(duì)其加粗。

      下面的示例演示如何在運(yùn)行時(shí)設(shè)置 Label 控件的文本。無論用戶在名為 TextBox1 的 TextBox 控件中鍵入了什么內(nèi)容，該方法都會(huì)顯示在 Label 控件中。

      安全說明：使用 Label 控件顯示來自不受信任源的字符串時(shí)要小心。這些字符串中可能包括惡意的客戶端腳本。

PRotected void Button1_Click(object sender, System.EventArgs e) {

    Label1.Text = Server.HtmlEncode(TextBox1.Text;)

}

五、如何：將 Label Web 服務(wù)器控件用作標(biāo)題

      可以將 Label Web 服務(wù)器控件用作另一個(gè) Web 服務(wù)器控件（如 TextBox 控件）之前的活動(dòng)標(biāo)題。Label 控件無法接收用戶輸入焦點(diǎn)。但是，將 Label 控件與另一控件關(guān)聯(lián)后，用戶可以通過同時(shí)按下 Alt 鍵和您為 Label 控件定義的訪問鍵導(dǎo)航到關(guān)聯(lián)的控件。

      1、將 Label 控件的 AssociatedControlID 屬性設(shè)置為要以 Label 控件作為標(biāo)題的控件的 ID。

2、將 Label 控件的 accessKey 屬性設(shè)置為要定義為訪問鍵的單個(gè)字母或數(shù)字

      說明：如果將 Label 控件與某一按鈕相關(guān)聯(lián)，那么當(dāng)用戶同時(shí)按下 Alt 鍵和 Label 控件的訪問鍵時(shí)，就會(huì)單擊該按鈕。

      3、還可以設(shè)置 Label 控件的 Text 屬性，以顯示指示訪問鍵的帶有下劃線的字符。

下面的示例演示如何使用 Label 控件作為 TextBox 控件的標(biāo)題。當(dāng)頁面呈現(xiàn)時(shí)，用戶將可以通過按 Alt+N 導(dǎo)航到該文本框。Label 中的字母 N 帶有下劃線

<asp:Label

    AccessKey="N"

    AssociatedControlID="TextBox1"

    ID="Label1"

    runat="server"

    Text="<u>N</u>ame:">

</asp:Label>

 

<asp:TextBox ID="TextBox1" runat="server" />

六、Label 類

      表示在網(wǎng)頁上顯示文本的標(biāo)簽控件。

      使用 Label 控件在網(wǎng)頁的設(shè)置位置上顯示文本。不像靜態(tài)文本，可以通過 Text 屬性自定義顯示文本。

也可以使用 Literal 和 PlaceHolder 控件在 Web 窗體頁上顯示文本。但與 Label 控件不同的是，這些控件不會(huì)呈現(xiàn)任何附加標(biāo)記。

示例

下面的示例說明如何在網(wǎng)頁上創(chuàng)建 Label 控件。

      說明：下面的代碼示例使用單文件代碼模型，如果將它直接復(fù)制到代碼隱藏文件中，可能不能正常工作。此代碼示例必須被復(fù)制到具有 .aspx 擴(kuò)展名的空文本文件中。

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html  >

<head>

    <title>Label Example</title>

<script language="C#" runat="server">

      void Button_Click(Object Sender, EventArgs e)

      {

         Label1.Text = Server.HtmlEncode(Text1.Text);

      }

   </script>

</head>

<body>

   <form id="Form1" runat="server">

      <h3>Label Example</h3>

      <asp:Label id="Label1"

                 Text="Label Control"

                 runat="server"/>

      <p>

      <asp:TextBox id="Text1"

           Text="Copy this text to the label"

           Width="200px"

           runat="server" />

      <asp:Button id="Button1"

           Text="Copy"

           OnClick="Button_Click"

           runat="server"/>

      </p>

   </form>

</body>

</html>

上一篇：asp調(diào)用js代碼

下一篇：Java程序員學(xué)習(xí)Flex和BlazeDS的十三個(gè)理由