通过

演练：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 控件工具包。该控件工具包提供了一些示例和一个 SDK，这可简化自定义控件和扩展程序的创建和重用。您可以从 ASP.NET AJAX Control Toolkit（ASP.NET AJAX 控件工具包）网站下载 ASP.NET AJAX 控件工具包。

Bb470455.alert_caution(zh-cn,VS.90).gif重要说明：

该控件工具包是一个社区支持的库，但 Microsoft 并不支持该控件工具包。本主题讨论控件工具包中的扩展程序控件，作为如何使用扩展程序控件的示例。但是，您不应将本主题中的信息解释为：此处讨论的扩展程序控件是 ASP.NET 的正式组成部分或其支持的控件。

有关 Visual Studio 2008 中扩展程序控件的更多信息，请参见 ASP.NET AJAX 扩展程序控件概述。有关 ASP.NET AJAX 工具包的其他详细信息，请参见 ASP.NET AJAX Control Toolkit（ASP.NET AJAX 控件工具包）网站。

先决条件

为了完成本演练中的过程，您需要：

  • Visual Studio 2008 或 Microsoft Visual Web Developer 速成版。

  • ASP.NET AJAX 控件工具包。您可以从 ASP.NET AJAX Control Toolkit（ASP.NET AJAX 控件工具包）网站下载控件工具包。

创建网站

首先，您将创建一个支持 AJAX 功能的 ASP.NET 网站。

创建文件系统网站

  1. 打开 Visual Studio 2008 或 Microsoft Visual Web Developer 速成版。

  2. 在**“文件”菜单上单击“新建网站”**。

  3. 在**“Visual Studio 已安装的模板”下的“新建网站”对话框中，单击“ASP.NET 网站”**。

  4. 在**“位置”框中选中“文件系统”**复选框，然后键入要保存网站页面的文件夹的名称。

    例如，键入文件夹名 C:\WebSite1。

  5. 在**“语言”列表中，单击“Visual Basic”或“Visual C#”，然后单击“确定”**。

    Visual Studio 就会创建该文件夹，并会在**“源”**视图中打开名称为 Default.aspx 的新网页。

添加 AJAX 扩展程序控件

ASP.NET AJAX 控件工具包包括多个可用于增强 Web 服务器控件的客户端功能的扩展程序控件。

Bb470455.alert_note(zh-cn,VS.90).gif说明：

如果要在下面的过程中向服务器控件添加扩展程序控件，则您必须先安装 ASP.NET AJAX 工具包。您可以从 ASP.NET AJAX Control Toolkit（ASP.NET AJAX 控件工具包）网站下载控件工具包。

添加 AJAX 扩展程序控件

  1. 切换到**“设计”**视图。

  2. 如果该页面中尚没有 ScriptManager 控件，请从**“工具包”的“AJAX Extensions”**选项卡中，将一个此控件拖到该页面中。

    Bb470455.alert_note(zh-cn,VS.90).gif说明：

    需要一个 ScriptManager 控件以支持 AJAX 功能。

  3. 从**“工具包”的“标准”**选项卡，将一个 Button 控件拖到页面中。

  4. 如果不显示**“按钮任务”快捷菜单，请右击 Button 控件，然后单击“显示智能标记”**。

  5. 在**“按钮任务”菜单上单击“添加扩展程序”**。

  6. 在**“扩展程序向导”中的“选择要添加到 Button1 的功能”列表中，单击“ConfirmButtonExtender”，然后单击“确定”**。

    Bb470455.alert_note(zh-cn,VS.90).gif说明：

    您还可以通过将扩展程序控件从“工具包”直接拖到 Button 控件来添加扩展程序控件。

  7. 在**“属性”窗口中展开“扩展程序”选项卡，然后展开“Button1_ConfirmButtonExtender”**。

  8. 将**“ConfirmText”**属性设置为“Continue?”。

测试扩展程序控件

您现在可以运行页面以测试扩展程序控件了。

测试扩展程序控件

  1. 按 Ctrl+F5 在浏览器中运行该页。

  2. 单击您添加到页面的按钮。

    此时将显示确认消息框，这是扩展程序控件添加的行为。

  3. 关闭浏览器。

移除 AJAX 扩展程序控件

如果不再需要扩展程序控件的功能，则可以移除该扩展程序控件。

移除 AJAX 扩展程序控件

  1. 切换到“设计”视图。

  2. 选择 Button 控件，然后在**“按钮任务”菜单上单击“删除扩展程序”**。

  3. 在**“附加到 Button1 的扩展程序”列表中选择“ConfirmButtonExtender”**。

  4. 单击**“移除”，然后单击“确定”**。

请参见

概念

ASP.NET AJAX 扩展程序控件概述