Ajax Control Toolkit 34个服务器端控件第1/2页

Ajax Control Toolkit 是一套基于 ASP.NET 的 AJAX 扩展控件库，该控件库扩展了 ASP.NET 的功能，提供了一些常用的应用程序控件，例如自动完成、模态窗口等等，大大提高了 Web 应用程序的用户体验。

在使用 Ajax Control Toolkit 之前，需要先将 Ajax Control Toolkit 下载下来并解压，然后在你的 Web 应用程序中添加引用。

这个控件库有 34 个服务器端控件，我们可以分为以下几类来介绍。

1. 扩展控件

扩展控件（Extender Control）是一种可以扩展 ASP.NET 内置控件（如 TextBox、DropDownList 等控件）的控件。以下是一些常用的扩展控件：

1.1. AutoCompleteExtender

AutoCompleteExtender 可以为 TextBox 添加自动完成功能，当用户在输入框中输入字符时，自动弹出候选值，帮助用户输入更加快捷准确。

以下是一个简单的示例代码：

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<ajaxToolkit:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server"
    TargetControlID="TextBox1"
    ServiceMethod="GetCompletionList"
    MinimumPrefixLength="1"
    CompletionInterval="1000"
    EnableCaching="true">
</ajaxToolkit:AutoCompleteExtender>

在这个示例代码中，我们给 TextBox 添加了自动完成的功能，当用户输入一个字符后，会自动调用 GetCompletionList 方法请求候选值列表。GetCompletionList 方法是自定义的，在实际的应用中需要根据具体的需求进行编写。

1.2. CalendarExtender

CalendarExtender 可以为 TextBox 添加日历选择功能，用户可以通过单击图标或者指定的快捷键来弹出日历选择面板。

以下是一个简单的示例代码：

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server"
    TargetControlID="TextBox2"
    PopupButtonID="Image1">
</ajaxToolkit:CalendarExtender>
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/calendar.png" />

在这个示例代码中，我们给 TextBox 添加了日历选择的功能。PopupButtonID 属性指定了弹出日历面板的按钮，可以是一个图标、按钮或者是一个链接。

2. 控件

除了扩展控件，Ajax Control Toolkit 还提供了一些控件，例如模态窗口、标签页等等。以下是一些常用的控件：

2.1. ModalPopupExtender

ModalPopupExtender 可以创建一个模态窗口，让用户在弹出的窗口中进行操作，弹出窗口会挡住页面上的其他部分，用户只能在弹出窗口中进行操作，这样可以保证用户的关注度和操作的准确性。

以下是一个简单的示例代码：

<asp:Button ID="Button1" runat="server" Text="Show Popup" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
    PopupControlID="Panel1"
    TargetControlID="Button1"
    CancelControlID="closeButton"
    BackgroundCssClass="modalBackground">
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server">
    Hello, world!<br />
    <asp:Button ID="closeButton" runat="server" Text="Close" />
</asp:Panel>

在这个示例代码中，我们创建了一个模态窗口，当用户单击 Button1 按钮时，会弹出 Panel1 中的内容。ModalPopupExtender 的 PopupControlID 属性指定了弹出的控件，TargetControlID 属性指定了触发弹出的控件，CancelControlID 属性指定了关闭弹出窗口的控件。

2.2. TabContainer 和 TabPanel

TabContainer 和 TabPanel 可以创建标签页控件，在一个页面中添加多个标签页，每个标签页可以包含不同的内容，用户可以通过点击标签页上的标签切换到不同的标签页。

以下是一个简单的示例代码：

<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">
    <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Tab 1">
        Tab 1 Content
    </ajaxToolkit:TabPanel>
    <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="Tab 2">
        Tab 2 Content
    </ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>

在这个示例代码中，我们创建了一个 TabContainer，并在其中添加了两个 TabPanel，在每个 TabPanel 中添加了不同的内容，当用户单击标签页上的标签时，会切换到相应的标签页。

以上是 Ajax Control Toolkit 中的一些常用控件，它们可以为 Web 应用程序添加更多的功能，提高用户的交互体验。