javaGrowing

　
二、靜態(tài)嵌套類
    如下所示代碼為定義一個靜態(tài)嵌套類，

class Outer{
  int outer_x = 100;

  private class Inner{//私有的內(nèi)部類
   public int y = 10;
   private int z = 9;
   int m = 5;
   public void display(){
     System.out.println("display outer_x:"+ outer_x);
   }

   private void display2(){
    System.out.println("display outer_x:"+ outer_x);
   }

}

 public Inner getInner(){//即使是對外公開的方法,外部類也無法調(diào)用
   return new Inner();
 }

 void test(){ 
   Inner inner = new Inner(); //可以訪問
   inner.display();
   inner.display2();
   //System.out.println("Inner y:" + y);//不能訪問內(nèi)部內(nèi)變量
   System.out.println("Inner y:" + inner.y);//可以訪問
   System.out.println("Inner z:" + inner.z);//可以訪問
   System.out.println("Inner m:" + inner.m);//可以訪問

   InnerTwo innerTwo = new InnerTwo();
   innerTwo.show();
 }

 class InnerTwo{
   Inner innerx = getInner();//可以訪問
   public void show(){
    //System.out.println(y);//不可訪問Innter的y成員
    //System.out.println(Inner.y);//不可直接訪問Inner的任何成員和方法
    innerx.display();//可以訪問
    innerx.display2();//可以訪問
    System.out.println(innerx.y);//可以訪問
    System.out.println(innerx.z);//可以訪問
    System.out.println(innerx.m);//可以訪問
   }
 }

}

public class Test
{
 public static void main(String args[]){
  
  Outer outer = new Outer();
 // Outer.Inner a=outer.getInner();//Inner類是私有的,外部類不能訪問，如果Inner類是public ,則可以。
  outer.test();
 }
}

public class FunOuter { 
 int out_x = 100;

 public void test(){
  class Inner{
    String x = "x";
    void display(){
       System.out.println(out_x);
    }
  }
 Inner inner = new Inner();
 inner.display();
}

public void showStr(String str){
  //public String str1 = "test Inner";//不可定義，只允許final修飾
  //static String str4 = "static Str";//不可定義，只允許final修飾
  String str2 = "test Inner";
  final String str3 = "final Str";
  class InnerTwo{
    public void testPrint(){
    System.out.println(out_x);//可直接訪問外部類的變量
    //System.out.println(str);//不可訪問本方法內(nèi)部的非final變量
    //System.out.println(str2);//不可訪問本方法內(nèi)部的非final變量
    System.out.println(str3);//只可訪問本方法的final型變量成員
    }
  }
  InnerTwo innerTwo = new InnerTwo();
  innerTwo.testPrint();
}

public void use(){
   //Inner innerObj = new Inner();//此時Inner己不可見了。
   //System.out.println(Inner.x);//此時Inner己不可見了。
}


 public static void main(String[] args) {
  FunOuter outer = new FunOuter();
  outer.test();
 }
}

public class Layer {
  //Layer類的成員變量
  private String testStr = "testStr";

  //Person類，基類
  class Person{
    String name;
    Email email;
    public void setName(String nameStr){
     this.name = nameStr;
    }

    public String getName(){
      return this.name;
    } 

    public void setEmail(Email emailObj){
      this.email = emailObj;
    }

    public String getEmail(){
      return this.email.getMailStr();
    }

    //內(nèi)部類的內(nèi)部類，多層內(nèi)部類
    class Email{ 
     String mailID;
     String mailNetAddress;

     Email(String mailId,String mailNetAddress){
     this.mailID = mailId;
     this.mailNetAddress = mailNetAddress;
     }

     String getMailStr(){
        return this.mailID +"@"+this.mailNetAddress;
     }
    } 
  }

   //另一個內(nèi)部類繼承外部類本身
   class ChildLayer extends Layer{
     void print(){
       System.out.println(super.testStr);//訪問父類的成員變量
     }
   }

   //另個內(nèi)部類繼承內(nèi)部類Person
    class OfficePerson extends Person{ 
     void show(){
       System.out.println(name);
       System.out.println(getEmail()); 
     }
    }

    //外部類的測試方法 
    public void testFunction(){
      //測試第一個內(nèi)部類
      ChildLayer childLayer = new ChildLayer();
      childLayer.print();

      //測試第二個內(nèi)部類
      OfficePerson officePerson = new OfficePerson();
      officePerson.setName("abner chai");
      //注意此處，必須用對象.new 出來對象的子類對象
      //而不是Person.new Email(...)
      //也不是new Person.Email(...)
      officePerson.setEmail(officePerson.new Email("josserchai","yahoo.com"));

       officePerson.show();
    }

     public static void main(String[] args) {
      Layer layer = new Layer();
      layer.testFunction();
     }
}

Scott Mitchell

2003 年 8 月

適用于：
    Microsoft? ASP.NET

前提條件：本文假設(shè)讀者熟悉 ASP.NET。

難度： 2

摘要：盡管從技術(shù)角度講，ASP.NET 服務(wù)器控件的所有功能都可以在服務(wù)器端執(zhí)行，但通常情況下通過添加客戶端腳本可以大大增強(qiáng)服務(wù)器控件的可用性。本文將探討服務(wù)器控件發(fā)送客戶端腳本的兩種方法，還將構(gòu)建兩個使用這些技術(shù)的服務(wù)器控件：PopupGreeting，一個在首次加載的 Web 頁面上顯示帶有特定消息的客戶端模式對話框的服務(wù)器控件；ConfirmButton，一個增強(qiáng)的 Button Web 控件，如果用戶點(diǎn)擊此按鈕，則在發(fā)回 Web 窗體前向用戶顯示一個 JavaScript confirm() 的對話框。（本文包含一些指向英文站點(diǎn)的鏈接。）

下載 InjectingClientSideScript.msi。

目錄

簡介
使用 RegisterStartupScript() 和 RegisterClientScriptBlock() 添加客戶端腳本塊
探討 IsStartupScriptRegistered() 和 IsClientScriptBlockRegistered()
從 ASP.NET 服務(wù)器控件發(fā)送客戶端腳本塊
發(fā)送 ASP.NET 服務(wù)器 Web 控件的 HTML 屬性
小結(jié)

盡管從技術(shù)角度講，Microsoft? ASP.NET 服務(wù)器控件的所有功能都可以在服務(wù)器端執(zhí)行，但通常情況下通過添加客戶端腳本可以大大增強(qiáng)服務(wù)器控件的可用性。例如，ASP.NET 驗證 Web 控件可以在服務(wù)器端執(zhí)行所有的驗證檢查。但是，對于高版本瀏覽器，驗證 Web 控件也會發(fā)送客戶端腳本，以在客戶端進(jìn)行驗證。這就是說，這些瀏覽器的用戶可以獲得響應(yīng)效果更好的動態(tài)體驗。

在開發(fā) ASP.NET 服務(wù)器控件時，您不妨問問自己，如何才能通過使用客戶端腳本來增強(qiáng)可用性。一旦找到可行的方案，其他要做的就是增強(qiáng)服務(wù)器控件的功能，以使其發(fā)送合適的客戶端腳本。

ASP.NET 服務(wù)器控件可以發(fā)送兩種客戶端腳本：

• 客戶端腳本塊
• 客戶端 HTML 屬性

客戶端腳本塊通常是用 JavaScript 編寫的，其中通常包含在發(fā)生特定的客戶端事件時執(zhí)行的函數(shù)?？蛻舳?HTML 屬性提供將客戶端事件與客戶端腳本聯(lián)系在一起的方法。例如，以下的 HTML 頁面中包含了客戶端腳本塊，腳本塊中包含了名為 doClick() 的函數(shù)。該頁面同時還包含一個按鈕（通過 <input> HTML 元素創(chuàng)建），這個按鈕的 onclick 屬性與 doClick() 函數(shù)綁定。也就是說，只要用戶單擊該按鈕，就開始執(zhí)行 doClick() 函數(shù)中的客戶端代碼。在本示例中，將顯示一個彈出式對話框（圖 1）。

<html>
  <body>
    <form>
      <script language="JavaScript">
      <!--
         function doClick() {
            alert("You clicked me!");
         }
      // -->
      </script>

      <input type="button" onclick="doClick()" value="Click Me!" />
    </form>
  </body>
</html>

圖 1 是單擊“Click Me!”按鈕時 HTML 頁面的屏幕快照。

圖 1：單擊“Click Me!”按鈕時顯示的彈出式對話框

對于以上 HTML 頁面中的客戶端腳本，有幾點(diǎn)值得注意。首先，客戶端腳本塊包含在 HTML 注釋（<!-- 和 -->）中。之所以這樣，是因為如果不將腳本塊放入 HTML 注釋中，那些不能識別腳本的舊式瀏覽器就會顯示 <script> 塊的內(nèi)容。此外，還要注意，腳本塊中 HTML 注釋的結(jié)束標(biāo)記前有一個 JavaScript 注釋，即 //。這是因為舊版本的 Netscape 在遇到 --> 時，會拋出 JavaScript 分析異常，因此必須將其注釋掉。幸運(yùn)的是，現(xiàn)代的瀏覽器已不需要這一額外操作，所以在為 Intranet 或其他由瀏覽器控制的環(huán)境開發(fā) Web 頁面時，您就不必采取此類預(yù)防措施了。

如果您對客戶端腳本不是很熟悉，alert(string) 函數(shù)的作用就是顯示一個模式彈出式對話框，對話框中包含的消息由 string 參數(shù)指定。所有 HTML 元素都有若干個可以綁定一段客戶端 JavaScript 代碼的客戶端屬性（例如，onclick、onmouseover、onmouseout、onfocus 和 onblur 等等）。例如，在上面的 HTML 頁面中，<input> 元素的 onclick 屬性綁定到 doClick() 函數(shù)，因此在單擊該按鈕時將執(zhí)行 doClick() 函數(shù)。有關(guān) JavaScript 事件及其關(guān)聯(lián)的 HTML 屬性的列表，請參閱 Introduction to Dynamic HTML 一文。有關(guān)客戶端 JavaScript 的詳細(xì)信息，請參閱 HTML and Dynamic HTML 一文。

在本文中，我們將學(xué)習(xí)如何在 ASP.NET 服務(wù)器控件中發(fā)送客戶端腳本塊和 HTML 元素屬性。我們首先討論如何使用 System.Web.UI.Page 類中的兩個方法來向 ASP.NET Web 頁面添加客戶端腳本塊，這兩個方法是 RegisterStartupScript() 和 RegisterClientScriptBlock()。 掌握這一知識后，我們將構(gòu)建一個簡單的服務(wù)器控件，讓這個控件在每次加載頁面時顯示一個客戶端彈出式對話框。之后，我們再來了解如何將 HTML 屬性添加到 ASP.NET 服務(wù)器控件的 HTML 元素。最后，我們將歸納所有知識，實(shí)際構(gòu)建一個 ConfirmButton Web 控件，當(dāng)單擊這個控件時，將向用戶提示一個對話框，詢問用戶是否要繼續(xù)。

System.Web.UI.Page 類包含的兩個方法可以將客戶端腳本代碼發(fā)送到由 ASP.NET Web 頁面提供的 HTML 中：

• RegisterStartupScript(key, script)
• RegisterClientScriptBlock(key, script)

這兩個方法都接受兩個字符串作為輸入。第二個參數(shù) script 是要插入到頁面中的客戶端腳本，包括 <script> 的起始標(biāo)記和終止標(biāo)記。第一個參數(shù) key 是插入的客戶端腳本的唯一標(biāo)識符。

這兩個方法唯一的不同之處在于從“何處”發(fā)送腳本塊。RegisterClientScriptBlock() 在 Web 窗體的開始處（緊接著 <form runat="server"> 標(biāo)識之后）發(fā)送腳本塊，而 RegisterStartupScript() 在 Web 窗體的結(jié)尾處（在 </form> 標(biāo)識之前）發(fā)送腳本塊。

為什么會有兩種不同的方法來發(fā)送客戶端腳本？要更好地了解這一點(diǎn)，我們必須首先了解，客戶端腳本可以分為兩類：一類是在加載頁面后立即運(yùn)行的代碼， 一類是在發(fā)生某些客戶端事件時才運(yùn)行的代碼。前者的常見示例是將焦點(diǎn)設(shè)置到文本框的客戶端代碼。例如，當(dāng)您訪問 Google 時，在頁面加載后就會執(zhí)行一小段客戶端代碼，以自動將焦點(diǎn)設(shè)置到搜索文本框。

以下是后一類代碼（為響應(yīng)客戶端事件而運(yùn)行的代碼）的示例。具體而言，在該示例中，單擊按鈕時將顯示一個彈出式對話框：

<html>
  <body>
    <form>
      <script language="JavaScript">
      <!--
        function displayPopup() {
            alert("Hello, world.");
        }
      // -->
      </script>

      <input type="button" value="Click Me!" onclick="displayPopup()" />
    </form>
  </body>
</html>

在這段代碼中，<input> 標(biāo)記中的 onclick="displayPopup()" 用于指明在單擊按鈕時，JavaScript 函數(shù) displayPopup() 應(yīng)該運(yùn)行。

RegisterStartupScript() 方法可用于添加要在加載頁面后運(yùn)行的腳本塊。通過這種方法添加的腳本塊位于 Web 窗體的結(jié)尾處，因為必須在腳本運(yùn)行前定義腳本要修改的 HTML 元素。也就是說，如果您要使用客戶端腳本將焦點(diǎn)設(shè)置到文本框，必須確保文本框的 HTML 標(biāo)記位于設(shè)置該文本框的焦點(diǎn)的腳本之前。例如，下面的 HTML 將顯示一個文本框，并將焦點(diǎn)設(shè)置到該文本框：

<input type="text" id="myTextBox" />

<script language="JavaScript">
<!--
   document.getElementById("myTextBox").focus();
// -->
</script>

相反，以下 HTML 不會將焦點(diǎn)設(shè)置到文本框，因為文本框是在腳本塊“之后”定義的：

<script language="JavaScript">
<!--
   document.getElementById("myTextBox").focus();
// -->
</script>

<input type="text" id="myTextBox" />

因此，RegisterStartupScript() 方法將 <script> 塊置于 Web 窗體的結(jié)尾處，以保證在執(zhí)行客戶端腳本之前已聲明 Web 窗體中的所有 HTML 元素。

RegisterClientScriptBlock() 方法用于為響應(yīng)客戶端事件而執(zhí)行的腳本代碼。通過此方法發(fā)送的腳本塊位于 Web 頁面的開始處，因為這種方法不要求將腳本塊置于所有 HTML 元素之后。

除 RegisterStartupScript() 和 RegisterClientScriptBlock() 方法之外，Page 類還包含兩個在發(fā)送客戶端腳本時常用的輔助方法：

• IsStartupScriptRegistered(key)
• IsClientScriptBlockRegistered(key)

如上所述，在使用 RegisterStartupScript() 或 RegisterClientScriptBlock() 插入客戶端腳本塊時，提供了一個唯一標(biāo)識腳本塊的關(guān)鍵字。這兩個方法都接受一個輸入（字符串 key），并返回一個布爾值，以指示帶有指定關(guān)鍵字的腳本塊是否已添加到頁面中。具體地說，如果帶有特定 key 的腳本塊已經(jīng)注冊，這些方法將返回 True，否則將返回 False。

要了解如何使用這兩個方法，可以看一看 ASP.NET 驗證 Web 控件，如 RequiredFieldValidator、RegularExpressionValidator 等等。這些控件都會用到一個常用的驗證 JavaScript 文件 (WebValidation.js)，該文件位于 ASP.NET Web 應(yīng)用程序的 aspnet_client/system_web/版本號 目錄中。因此，所有這些控件都會發(fā)送相同的腳本塊，這個腳本塊將調(diào)用在 WebValidation.js 文件中定義的相應(yīng)的 JavaScript 函數(shù)，以啟動客戶端的驗證過程。要完成這個過程，這些控件會使用 Page 類的 RegisterClientScriptBlock() 方法，并使用關(guān)鍵字 ValidatorIncludeScript。

接下來要考慮的是，如果一個 ASP.NET Web 頁面中包含多個驗證 Web 控件，會出現(xiàn)什么情況呢？所有這些 Web 控件都要使用相同的關(guān)鍵字發(fā)送相同的腳本塊。如果使用這個關(guān)鍵字調(diào)用兩次 RegisterClientScriptBlock() 或 RegisterStartupScript() 方法，則第二次調(diào)用會被認(rèn)為是復(fù)制腳本塊而被忽略。因此，即使一個 Web 頁面上有多個驗證控件，也只是發(fā)送一個公共腳本塊的實(shí)例。但是，請注意，除第一個控件之外的其他所有驗證 Web 控件都會構(gòu)建要發(fā)送的公共客戶端腳本，而這只是在浪費(fèi)時間。

這時就應(yīng)該使用 IsClientScriptBlock() 和 IsStartupScript() 方法。這樣一來，驗證 Web 控件就不會先花時間構(gòu)建要發(fā)送的客戶端代碼，而是先檢查是否已經(jīng)存在使用關(guān)鍵字 ValidatorIncludeScript 注冊的腳本。如果存在，控件就會放棄構(gòu)建客戶端腳本塊，因為腳本塊已經(jīng)由頁面上的其他驗證控件構(gòu)建了。

因此，每次構(gòu)建客戶端腳本時，應(yīng)該首先調(diào)用 IsClientScriptBlock() 或 IsStartupScript() 方法，以確定是否需要生成客戶端腳本。在下面一節(jié)，我們將看到一些示例，在這些示例中，IsClientScriptBlock()、IsStartupScript() 方法先后與 RegisterClientScriptBlock() 和 RegisterStartupScript() 方法結(jié)合使用。

請記住，RegisterStartupScript() 和 RegisterClientScriptBlock() 方法是 System.Web.UI.Page 類的方法。幸運(yùn)的是，可以容易地從 ASP.NET 服務(wù)器控件調(diào)用這兩個方法，因為 System.Web.UI.Control 類（所有 ASP.NET 服務(wù)器控件都直接或間接地從這個類導(dǎo)出）有一個包含對 Page 實(shí)例的引用的 Page 屬性，而這個 Page 實(shí)例包含服務(wù)器控件。因此，要從 ASP.NET 服務(wù)器控件添加客戶端腳本塊，您只需使用下面的語法：

this.Page.RegisterClientScriptBlock(key, script);

通常，添加客戶端腳本塊這個任務(wù)會使用 OnPreRender() 方法來處理，這個方法在控件生命周期的預(yù)呈現(xiàn)階段執(zhí)行。

讓我們創(chuàng)建一個只顯示客戶端彈出式對話框的 ASP.NET 服務(wù)器控件。此示例將說明構(gòu)建一個發(fā)送客戶端腳本的控件是很容易的。

首先，在 Microsoft? Visual Studio? .NET 中創(chuàng)建一個新的 Web Control Library（Web 控件庫）項目。這將創(chuàng)建一個只有一個類的新項目，這個類從 System.Web.UI.WebControls.WebControl 導(dǎo)出。但是，我們希望這個類從 System.Web.UI.Control 類導(dǎo)出。為什么呢？因為 WebControl 類用于支持顯示為 HTML 元素的服務(wù)器控件，而 Control 類則用于不會顯示為 HTML 元素的服務(wù)器控件。

大多數(shù)內(nèi)置的 ASP.NET 服務(wù)器控件都會發(fā)送一個 HTML 元素。例如，TextBox Web 控件發(fā)送一個 <input> 元素，其類型屬性設(shè)置為 text；DataGrid Web 控件發(fā)送一個 <table> 元素，為每條要顯示的記錄發(fā)送 <tr> 元素，為每個字段發(fā)送 <td> 列。但是，不是所有的控件都需要發(fā)送 HTML 元素。例如，Literal 控件只是按原樣輸出它的 Text 屬性，而不將這個屬性放在 HTML 元素中。同樣，Repeater 也不將其輸出放在 HTML 元素中。那些顯示為 HTML 元素的服務(wù)器控件，如 TextBox、Button、DataGrid 等等，是從 System.Web.UI.WebControls.WebControl 類導(dǎo)出的，而那些不產(chǎn)生 HTML 元素的控件，如 Literal、Repeater 等，是從 System.Web.UI.Control 類導(dǎo)出的。

既然我們要創(chuàng)建的服務(wù)器控件不可見（它只是發(fā)送一個顯示彈出式控件的客戶端腳本塊），這個控件最好從 System.Web.UI.Control 導(dǎo)出，而不是從 System.Web.UI.WebControls.WebControl 導(dǎo)出。

這個控件只需要兩個屬性：

• PopupMessage - 表示要在彈出式對話框中顯示的消息的字符串。
• Enabled - 表示是否啟用控件的布爾值。如果啟用控件，則顯示彈出式對話框，否則不顯示。（必須添加一個 Enabled 屬性，是因為導(dǎo)出該控件的 Control 類不包括 Enabled 屬性，此屬性只是隱含地由那些從 WebControl 導(dǎo)出的控件使用。）

除了這兩種屬性之外，我們需要覆蓋 OnPreRender() 方法。在這里，我們需要調(diào)用 RegisterStartupScript()，并傳遞控件唯一的關(guān)鍵字和恰當(dāng)?shù)目蛻舳四_本以顯示彈出式對話框。這個類的完整代碼如下所示：

using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.ComponentModel;

namespace ClientSideScript
{
   /// <summary>
   /// WebCustomControl1 的摘要描述。
   /// </summary>
   [DefaultProperty("Text"),
      ToolboxData("<{0}opupGreeting runat=server></{0}opupGreeting>")]
   public class PopupGreeting : System.Web.UI.Control
   {
      [Bindable(true),
         Category("Appearance"),
         DefaultValue("")]
      public string PopupMessage
      {
         get
         {
            // 檢查 ViewState 中是否存在該項目
            object popupMessage = this.ViewState["PopupMessage"];
            if (popupMessage != null)
               return this.ViewState["PopupMessage"].ToString();
            else
               return "Welcome to my Web site!";
         }

         set
         {
            // 指定 ViewState 變量
            ViewState["PopupMessage"] = value;
         }
      }

      [Bindable(true),
      Category("Appearance"),
      DefaultValue("")]
      public bool Enabled
      {
         get
         {
            // 檢查 ViewState 中是否存在該項目
            object enabled = this.ViewState["Enabled"];
            if (enabled != null)
               return (bool) this.ViewState["Enabled"];
            else
               return true;
         }

         set
         {
            // 指定 ViewState 變量
            ViewState["Enabled"] = value;
         }
      }


      protected override void OnPreRender(EventArgs e)
      {
         base.OnPreRender;

string scriptKey = "intoPopupMessage:" + this.UniqueID;

         if (!Page.IsStartupScriptRegistered(scriptKey) && this.Enabled &&
                      !Page.IsPostBack)
         {
            string scriptBlock = 
               @"<script language=""JavaScript"">
               <!--
                  alert(""%%POPUP_MESSAGE%%"");
               // -->
               </script>";
            scriptBlock = scriptBlock.Replace("%%POPUP_MESSAGE%%", this.PopupMessage);

            Page.RegisterStartupScript(scriptKey, scriptBlock);
         }
      }
   }
}

請記住下面兩件事：首先，Enabled 和 PopupMessage 屬性保存在 ViewState 中，這樣在回傳時這些值可以始終保持一致； 其次，在 OnPreRender() 方法中，用于腳本塊的關(guān)鍵字是文本 intoPopupMessage: 加上控件的 UniqueID 屬性。如果使用一個硬編碼的關(guān)鍵字，則當(dāng)頁面中有多個控件時，只有第一個控件能夠注冊其腳本塊，因此只顯示一個彈出式對話框。通過在腳本塊關(guān)鍵字中使用 UniqueID，就能保證該控件的每個實(shí)例都能獲取其腳本塊。

在注冊腳本塊之前，代碼首先檢查三個條件：

1. 沒有使用同一關(guān)鍵字注冊的腳本。這當(dāng)然是不可能的，因為每個控件實(shí)例都應(yīng)該有一個 UniqueID 屬性值。但是，不妨先練習(xí)使用 IsStartupScriptRegistered() 方法，然后再花時間創(chuàng)建和注冊啟動腳本。
2. 控件的 Enabled 屬性為 True。
3. 頁面沒有被回傳。這段代碼只允許彈出式對話框在第一次加載頁面時顯示，而不是在每次回傳頁面時都顯示。我們還可以增添更為靈活的功能，即為該控件添加一個布爾屬性，以允許用戶指定是否在回傳時也生成彈出式對話框。

如果滿足這三個條件，則腳本被指定，并且 PopupMessage 屬性值被插入到腳本中適當(dāng)?shù)奈恢?。最后，調(diào)用 Page 屬性的 RegisterStartupScript() 方法，傳入關(guān)鍵字及腳本代碼。

PopupGreeting 代碼可以從本文結(jié)尾處提供的下載中獲得。該下載包括名為 ClientSideControlsAndTester 的 Visual Studio .NET 解決方案，其中包含兩個項目：

• ClientSideControls，包含 PopupGreeting 服務(wù)器控件
• ClientSideTester，包括一個為測試 ClientSideControls 而設(shè)計的 ASP.NET Web 應(yīng)用程序

ClientSideControls 項目編譯后的程序集名為 ClientSideControls.dll。要在您自己的 ASP.NET Web 應(yīng)用程序中使用 PopupGreeting 服務(wù)器控件，請將 ClientSideControls.dll 文件添加到您的 Web 應(yīng)用程序的引用中。然后，在設(shè)計器中，右鍵單擊 Toolbox（工具箱）并選擇“Add/Remove Items . . .”（添加/刪除項），再次選擇 ClientSideControls.dll 文件。這樣就向 Toolbox（工具箱）中添加了名為 PopupGreeting 的新項。然后，您可以從 Toolbox（工具箱）將該控件拖到設(shè)計器中。

圖 2 顯示了 PopupGreeting 控件添加到 Toolbox（工具箱）并添加到設(shè)計器后，Visual Studio .NET 的屏幕快照。Toolbox（工具箱）中的 PopupGreeting 控件用紅色線圈出，設(shè)計器中的 PopupGreeting 輸出用藍(lán)色線圈出，在屏幕快照右側(cè)的“Properties”（屬性）窗格中可以查看 PopupGreeting 的屬性。

圖 2：PopupGreeting 服務(wù)器控件已添加到 ASP.NET Web 窗體頁面

如上所述，有兩種方法可以通過服務(wù)器控件發(fā)送客戶端腳本：

• 通過使用客戶端腳本塊
• 通過 HTML 元素屬性

在上一節(jié)中，我們探討了如何使用 Page 類的 RegisterStartupScript() 和 RegisterClientScriptBlock() 方法向 ASP.NET Web 頁面添加客戶端腳本塊。在最后這一節(jié)，我們了解如何將 HTML 元素屬性添加到服務(wù)器控件的 HTML 元素。

在開始之前，請注意這種方法通常只適用于從 System.Web.UI.WebControls.WebControl 類導(dǎo)出的服務(wù)器控件，因為從這個類導(dǎo)出的控件會發(fā)送某些 HTML 元素。不發(fā)送 HTML 元素的服務(wù)器控件（如上一節(jié)中的 PopupGreeting 服務(wù)器控件），則不必寫出 HTML 元素屬性，因為這些控件運(yùn)行時不會寫出 HTML 元素。

WebControl 類包含一個將 HTML 元素屬性添加到由 Web 控件發(fā)出的 HTML 元素的方法。該方法稱為 AddAttributesToRender()，它只有一個輸入?yún)?shù)，即 HtmlTextWriter 的實(shí)例。要向 Web 控件添加 HTML 屬性，您可以使用 HtmlTextWriter 的以下兩個方法之一：

• AddAttribute()
• AddStyleAttribute()

AddAttribute() 方法用于將 title、class、style 和 onclick 等 HTML 屬性添加到 HTML 元素。AddStyleAttribute() 用于將樣式設(shè)置添加到 HTML 元素，如 background-color、color 和 font-size 等。

AddAttribute() 有幾個重載窗體，但在代碼中，我們將使用以下窗體：AddAttribute(HtmlTextWriterAttribute, value)。第一個參數(shù)，即 HtmlTextWriterAttribute，應(yīng)該是 HtmlTextWriterAttribute 枚舉的成員。該枚舉包含像 Align、Bgcolor、Class 和 Onclick 等項。您可以在 .NET Framework Class Library，HtmlTextWriterAttribute Enumeration 中找到完整的列表。value 輸入?yún)?shù)用于指定分配給特定 HTML 屬性的值。最后，如果您想添加一個 HtmlTextWriterAttribute 枚舉中未定義的 HTML 屬性，可以使用 AddAttribute() 方法的替代形式 AddAttribute(attributeName, value)，其中的 attributeName 和 value 均為字符串。

為了運(yùn)用該信息，我們創(chuàng)建一個作為確認(rèn)按鈕的服務(wù)器 Web 控件。確認(rèn)按鈕是一種提交按鈕，當(dāng)用戶單擊此按鈕時，將顯示一個彈出式對話框，詢問用戶是否確定要繼續(xù)操作。用戶可以單擊“取消”，不提交窗體。此項功能 對用于刪除信息的按鈕特別有用，因為最終用戶（或網(wǎng)站管理員）可能會在無意中單擊鼠標(biāo)刪除數(shù)據(jù)庫中的條目，如果沒有機(jī)會取消，將是非常令人煩惱的事。

為了減少工作量，我們從 System.Web.UI.WebControls.Button 類中導(dǎo)出 ConfirmButton Web 控件，因為這個類本身已完成了涉及呈現(xiàn)提交按鈕的所有繁重工作。在導(dǎo)出的類中，我們只需添加一個屬性，這樣用戶可以指定確認(rèn)消息，然后覆蓋按鈕的 AddAttributesToRender() 方法，并添加一個屬性以處理客戶端事件 onclick。

首先，在 Visual Studio .NET 中創(chuàng)建一個新的 Web Control Library（Web 控件庫）項目，或者在 ClientSideControls 項目中添加一個新的 Web Custom Control（Web 自定義控件）。ConfirmButton 類的完整源代碼如下所示：

using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.ComponentModel;

namespace ClientSideControls
{
   /// <summary>
   /// ConfirmButton 的摘要描述。
   /// </summary>
   [DefaultProperty("Text"), 
      ToolboxData("<{0}:ConfirmButton runat=server></{0}:ConfirmButton>")]
   public class ConfirmButton : Button
   {
      [Bindable(true), 
         Category("Appearance"), 
         DefaultValue("")] 
      public string PopupMessage
      {
         get
         {
            // 檢查 ViewState 中是否存在該項目
            object popupMessage = this.ViewState["PopupMessage"];
            if (popupMessage != null)
               return this.ViewState["PopupMessage"].ToString();
            else
               return "Are you sure you want to continue?";
         }

         set
         {
            // 指定 ViewState 變量
            ViewState["PopupMessage"] = value;
         }
      }


      protected override void AddAttributesToRender(HtmlTextWriter writer)
      {
         base.AddAttributesToRender(writer);

         string script = @"return confirm(""%%POPUP_MESSAGE%%"");";
         script = script.Replace("%%POPUP_MESSAGE%%", 
            this.PopupMessage.Replace("\"", "\\\""));

         writer.AddAttribute(HtmlTextWriterAttribute.Onclick, script);
      }
   }
}

首先要注意的是，ConfirmButton 類是從 Button 類導(dǎo)出的。由于 Button 類已包含 Button Web 控件使用的所有屬性和方法，因此我們所做的只是添加屬性和方法，以在用戶單擊按鈕時顯示一個確認(rèn)對話框?，F(xiàn)在我們需要一個屬性，即 PopupMessage， 它是要在確認(rèn)彈出式對話框中顯示的消息。默認(rèn)情況下，這條消息是“Are you sure you want to continue?”（您確定要繼續(xù)嗎？）如果使用 ConfirmButton 來確認(rèn)刪除，可能需要將該消息更改為“This action will permanently delete the selected item. Are you sure you want to do this?”（此操作將永久刪除所選項。您確定要繼續(xù)嗎？）

我們只需覆蓋一個方法，即 AddAttributesToRender()。在此方法中，我們只要構(gòu)建當(dāng)觸發(fā) <input> 元素的 onclick 事件時要執(zhí)行的客戶端 JavaScript，然后通過傳入的 HtmlTextWriter 對象的 AddAttribute() 方法添加這段 JavaScript。關(guān)于這個方法，有一點(diǎn)要注意，必須將 PopupMessage 屬性值中的所有雙引號實(shí)例替換為轉(zhuǎn)義雙引號（即 \"）。另外還要注意，默認(rèn)情況下，AddAttribute() 會對第二個參數(shù)中的字符進(jìn)行 HTML 編碼。也就是說，ASP.NET Web 頁面中如果包含 PopupMessage 屬性被設(shè)置為“Do you want to continue?”（要繼續(xù)嗎？）的 ConfirmButton，該頁面將發(fā)送以下 HTML 標(biāo)記：

<input type="submit" name="ConfirmButton1" 
value="Click Me!" id="ConfirmButton1" onclick="return confirm
(&quot;Do you want to continue?&quot;" />

如果您不熟悉 JavaScript 的 confirm(string) 函數(shù)，那么請您注意，該函數(shù)只接受一個字符串參數(shù)，并顯示一個帶有特定字符串的模式對話框。該對話框中包含兩個按鈕：“確定”和“取消”。如果單擊“確定”，confirm() 函數(shù)返回 True，否則返回 False。請注意，onclick 事件將返回 confirm() 函數(shù)調(diào)用的結(jié)果。當(dāng)通過單擊提交按鈕來提交表單時，如果提交按鈕的 onclick 事件返回 False，則表單未被提交。因此，只有在用戶確認(rèn)后，可以使用 confirm() 函數(shù)提交表單。有關(guān) confirm() 的詳細(xì)信息，請參閱 ASP Warrior 網(wǎng)站中的 Javascript Confirm Form Submission。

圖 3：操作中的 ConfirmButton

ConfirmButton 在按鈕的 onclick 事件處理程序中使用了內(nèi)嵌的 JavaScript，還可以在 ConfirmButton 的 OnPreRender() 方法的客戶端腳本塊中創(chuàng)建一個函數(shù)，然后調(diào)整 onclick 屬性以調(diào)用該函數(shù)。

在本文中，我們探討了兩種通過 ASP.NET 服務(wù)器控件插入客戶端腳本的方法。第一種方法是使用 Page 類的 RegisterStartupScript() 和 RegisterClientScriptBlock() 方法插入客戶端腳本塊。第二種方法是向 HTML 元素的屬性添加客戶端腳本。后者通過覆蓋 Web 服務(wù)器控件的 AddAttributesToRender() 方法，并使用 HtmlTextWriter 的 AddAttribute() 方法來完成。

我們還在文中介紹了兩個簡單的服務(wù)器控件，它們都利用了客戶端腳本來改進(jìn)其功能。PopupGreeting 控件在頁面首次加載時顯示一個模式彈出式對話框，ConfirmButton Web 控件在用戶單擊按鈕提交表單時，提示用戶進(jìn)行確認(rèn)。

您可以在自己的服務(wù)器控件中插入客戶端腳本，這將顯著改善用戶體驗。本文提供的兩個服務(wù)器控件相對比較簡單，在可用性和獨(dú)創(chuàng)性上沒有什么突出之處。MetaBuilders.com 中展示了很多利用從 ASP.NET 服務(wù)器控件中插入客戶端腳本而實(shí)現(xiàn)的功能，這些功能會給您留下深刻印象。在 MetaBuilders.com，您可以找到一些服務(wù)器控件，它們有的可以自動將焦點(diǎn)添加到文本框，有的可以在兩個下拉列表之間傳遞條目，有的可以向下 拉列表中添加或刪除條目，還有的可以在一系列下拉列表中顯示父子關(guān)系的數(shù)據(jù)，等等。最大的好處是，這些控件是免費(fèi)的，并包括完整的源代碼。

祝大家編程快樂！

作者簡介

Scott Mitchell 著有五本關(guān)于 ASP/ASP.NET 的書籍，是 4GuysFromRolla.com 網(wǎng)站的創(chuàng)始人，過去五年來一直從事 Microsoft Web 技術(shù)方面的研究。Scott 是 ASP 和 ASP.NET 社區(qū)非?；钴S的一名成員，十分熱愛 ASP 和 ASP.NET 技術(shù)，并非常愿意幫助其他人了解這些令人振奮的技術(shù)。有關(guān) DataGrid、DataList 和 Repeater 控件的詳細(xì)信息，請參閱 Scott 的著作《ASP.NET Data Web Controls Kick Start》（ISBN 為 0672325012）。

推薦鏈接：

• MetaBuilders.com 客戶端 Web 控件
• .NET Framework Class Library，Page.RegisterClientScriptBlock Method Technical Documentation
• .NET Framework Class Library，Page.RegisterStartupScript Method Technical Documentation
• Visual Studio Magazine，Implement Client Scripts
• ASP.NET Forums 的 Building Controls Forum