在VS2008中使用ASP.NET AJAX Control Extender

 

在VS2008中使用ASP.NET AJAX Control Extender

原文链接:

http://weblogs.asp.net/scottgu/archive/2007/08/19/using-asp-net-ajax-control-extenders-in-vs-2008.aspx

前几周我在博客中谈到了Beta2中关于VS 2008 JavaScript Intellisense 和 VS 2008 JavaScript Debugging的新特点。我也发表了关于ASP.NET AJAX 1.0 and ASP.NET AJAX 3.5 are supported with VS 2008，以及怎样才能在VS 2008 中使用Silverlight 1.0 JavaScript Intellisense。VS 2008 中也存在一些小的，但非常有用的AJAX特征，你现在可以利用它们来改善设计器对ASP.NET AJAX Control Extenders的支持。

What are ASP.NET Control Extenders?

ASP.NET Control Extenders是一些派生自System.Web.UI.ExtenderControl基类的控件，利用它们可以为页面中已存在的控件添加其它功能（一般都是AJAX或者JavaScript支持）。它们使得开发者可以优美的封装UI行为，并且它们使得为应用程序添加更丰富的功能变得非常简单。

ASP.NET AJAX Control Toolkit就是利用这些控件扩展功能的一个极好的例子。它包括四十多个免费的控件扩展，你可以轻松的下载并在你的应用程序中使用它们添加AJAX功能。

例如，假设我们想拥有一个文本框，用户可以在里面输入一个日期：

如果浏览器使能了JavaScript，当日期文本框得到焦点时，那么我们可能想拥有一个友好的用户端日历日期选择器以辅助选择日期：

使用ASP.NET AJAX Control Toolkit完成这项功能非常简单。只需将包含在其中的"CalendarExtender"控件添加到页面中，并将"TargetControlID"属性指向<asp:textbox>:

CalendarExtender现在自动输出一个ASP.NET AJAX javascript客户端脚本，它在运行时向TextBox添加客户端日历行为。不需要其它代码。

Using ASP.NET AJAX Control Extenders in VS 2008

在VS 2005 中，你需要手动绑定control extender（通过代码视图或者属性窗格）。

VS 2008 使发现和绑定control extender到你的控件更加简单。你可以遵循下面的步骤：

步骤1：添加ASP.NET AJAX Control Extenders到你的VS 2008 工具箱

你可以在这里下载使用.NET3.5的ASP.NET AJAX Control Toolkit。然后拖动AJAXControlToolkit.dll程序集到VS2008的工具箱中，它包含的control extenders就会作为控件出现，你可以将它们添加到ASP.NET 网站或者项目中。

步骤2：绑到Control Extender到某个已存在的控件

一旦你将control extenders添加到你的VS 2008 工具箱，当你在VS 2008 设计器中选择了一个控件后，你会发现一个新的” Add Extender...”智能任务选项出现在你选择的控件上。

如果你单击"Add Extender..."链接，将弹出一个对话框，它包含所有可以应用于你当前选择的控件的control extenders。

只需要选择希望的control extender，你也可以改写extender的默认"ID"值，并单击ok即可。这样会向你的页面添加合适的extender control，并将它的"TargetControlID"属性绑定到你选择的控件。

步骤3：合并属性窗格

在VS 2008 中，当你将一个control extender绑定到一个控件后，控件的属性窗格会扩展显示它的原始属性以及绑定到这个控件的control extender的属性。

这样可以一起查看所有的属性。UI也会伸展以支持绑定到同一个控件的多个control extenders（例如：你也可以将TextBoxWatermark extender 和 CalendarExtender control绑定到同一个TextBox，并且可以在TextBox的属性窗格中查看两个control extenders的属性）。

步骤4：删除一个Control Extender

如果你删除某个控件的control extender，只需要从控件的智能任务中选择"Remove Extender..."链接。

总结

ASP.NET中的control extender架构使得封装和重用UI功能和行为变得非常简单。VS 2008 利用这种支持使它变得更加简单，并且你会发现它与ASP.NET AJAX Control Toolkit配合非常完美。

你可以从下面几本新近出版的ASP.NET AJAX书籍中学习到更多的关于ASP.NET AJAX Control Extenders 和 AJAX Control Toolkit的信息。

想要学习如何创建你自己的自定义AJAX Control Extenders，我建议阅读下面的文章：

• Creating a New Extender - Documentation on how to write a "hello world" control extender
• How To: Create an ASP.NET AJAX Toolkit Extender Control for a GridView (written by Dan who wrote the Professional ASP.NET 2.0 AJAX book).
• How To: Build a DisableControlExtender by Matt Berseth
• Building a Custom AJAX Control Extender by Keith Rimington