共用方式為

逐步解說：ASP.NET AJAX 擴充項控制項

  • 發行項

更新：2007 年 11 月

ASP.NET AJAX 擴充項控制項可加強 ASP.NET Web 伺服器控制項的用戶端功能，例如 TextBox 控制項、Button 控制項以及 Panel 控制項。藉由使用擴充項，您可以為使用者提供豐富的 Web 架構體驗。在本逐步解說中，您將會使用擴充項控制項來加強 ASP.NET Button Web 伺服器控制項的功能。

您可以將 ASP.NET AJAX 擴充項控制項加入至 Visual Studio，並以和使用其他控制項相同的方式使用它們。您也可以建立自己的擴充項控制項，或從其他來源取得。

擴充項控制項的來源之一便是 ASP.NET AJAX Control Toolkit。Control Toolkit 可提供範例，以及易於建立和重複使用自訂控制項與擴充項的 SDK。您可以從 ASP.NET AJAX Control Toolkit 網站下載 ASP.NET AJAX Control Toolkit。

重要事項：

Control Toolkit 是社群支援的程式庫，但 Microsoft 並不支援。這個主題討論 Control Toolkit 中的擴充項控制項，示範如何使用擴充項控制項搭配使用。不過，在閱讀本主題的資訊時，請勿將這裡討論的擴充項控制項解譯為 ASP.NET 的正式部分或支援的控制項。

如需 Visual Studio 2008 中擴充項控制項的詳細資訊，請參閱 ASP.NET AJAX 擴充項控制項概觀。如需 ASP.NET AJAX Toolkit 的進一步詳細資訊，請參閱 ASP.NET AJAX Control Toolkit 網站。

必要條件

若要完成本逐步解說中的程序，您需要：

  • Visual Studio 2008 或 Microsoft Visual Web Developer Express 版。

  • ASP.NET AJAX Control Toolkit。您可以從 ASP.NET AJAX Control Toolkit 網站下載 Control Toolkit。

建立網站

一開始，您需要建立具備 AJAX 功能的 ASP.NET 網站。

若要建立檔案系統網站

  1. 開啟 Visual Studio 2008 或 Microsoft Visual Web Developer Express 版。

  2. 在 [檔案] 功能表上，按一下 [新網站]。

  3. 在 [新網站] 對話方塊的 [Visual Studio 安裝的範本] 下方，按一下 [ASP.NET 網站]。

  4. 選取 [位置] 方塊中的 [檔案系統]，然後輸入您想要用來保存網站頁面的資料夾名稱。

    例如，輸入資料夾名稱 C:\WebSite1。

  5. 按一下 [語言] 清單中的 [Visual Basic] 或 [Visual C#]，然後按一下 [確定]。

    Visual Studio 隨即建立資料夾，並在 [原始碼] 檢視中開啟名為 Default.aspx 的新 Web 網頁。

加入 AJAX 擴充項控制項

ASP.NET AJAX Control Toolkit 中包含數種擴充項控制項，可用來加強 Web 伺服器控制項的用戶端功能。

注意事項：

在您依下列程序將擴充項控制項加入至伺服器控制項之前，您必須先安裝 ASP.NET AJAX Toolkit。您可以從 ASP.NET AJAX Control Toolkit 網站下載 Control Toolkit。

加入 AJAX 擴充項控制項

  1. 切換至 [設計] 檢視。

  2. 如果頁面上未包含 ScriptManager 控制項，請從 [工具箱] 的 [AJAX 擴充功能] 索引標籤中，拖曳一個控制項到頁面上。

    注意事項：

    需要 ScriptManager 控制項以支援 AJAX 功能。

  3. 在 [工具箱] 的 [標準] 索引標籤中，將 Button 控制項拖曳至頁面上。

  4. 如果 [按鈕工作] 快速鍵功能表沒有出現，請以滑鼠右鍵按一下 Button 控制項，再按一下 [顯示智慧標籤]。

  5. 按一下 [按鈕工作] 功能表上的 [加入擴充項]。

  6. 在 [擴充項精靈] 中，按一下 [選擇要加入至 Button1 的功能] 清單中的 [ConfirmButtonExtender]，然後按一下 [確定]。

    注意事項：

    您也可以將擴充項控制項直接從 [工具箱] 拖曳至 Button 控制項上，以加入該擴充項控制項。

  7. 展開 [屬性] 視窗中的 [擴充項]，然後展開 [Button1_ConfirmButtonExtender]。

  8. 將 [ConfirmText] 屬性設定為 [繼續?]

測試擴充項控制項

您現在可以執行頁面來測試擴充項控制項。

測試擴充項控制項

  1. 按 CTRL+F5 於瀏覽器中執行此頁。

  2. 按一下您加入至頁面的按鈕。

    確認訊息方塊隨即顯示，這是擴充項控制項所加入的行為。

  3. 關閉瀏覽器。

移除 AJAX 擴充項控制項

若不再需要擴充項控制項的功能，您可以移除該擴充項控制項。

移除 AJAX 擴充項控制項

  1. 切換至 [設計] 檢視。

  2. 選取 Button 控制項，然後按一下 [按鈕工作] 功能表上的 [移除擴充項]。

  3. 在 [附加到 Button1 的擴充項] 清單中，選取 [ConfirmButtonExtender]。

  4. 按一下 [移除]，然後按一下 [確定]。

請參閱

概念

ASP.NET AJAX 擴充項控制項概觀