探讨微软ASP.NET AJAX控件开发技术（服务器端）

一、简介

到目前为止，我们已经讨论了开发Ajax控件所涉及的客户端相关技术。现在，让我们来讨论此过程中与服务器端相关的一些技术。

需要说明的是，在【客户端】篇中我们的举例本质上仅是使用ASP.NET AJAX框架提供的面向对象JavaScript技术来增强了一个客户端图像组件，而没有明显涉及到AJAX技术（除了ScriptManager在后台以AJAX方式下载并管理客户端脚本代码外）。所以，这个例子是简单的，仅凭客户端相关知识就可以使用这个增强控件。

但是，在实际开发中，当要增强的客户端控件涉及到AJAX技术时，或者干脆是想增强服务器端组件（如UpdatePanel控件）时，我们必须进行相关的服务器端编程，而这要求我们必须对Ajax控件开发中所涉及的服务器端相关联的类有所了解。而且，还要以ASP.NET 2.0服务器控件开发相关知识为基本前提，特别是在开发复杂的Ajax控件时。

在本篇中，我们要重新构造一个增强的图像按钮控件MySrvImageButton，此控件将以ASP.NET 2.0服务器控件ImageButton为基础。

二、AJAX控件开发服务器端相关技术

首先，让我们来看一下AJAX控件开发服务器端相关组件及其关系，这些类之间的继承关系图如下图1所示。

图1：控件开发涉及的主要服务器端类之间层次结构图

上图展示了组件、控件和扩展器之间的继承关系。如你所见，为了开发一个控件（注意，Component和Extender不在本文讨论范围之内），我们有两个选择：其一，创建一个派生自ScriptControl的类；其二，创建一个实现IScriptControl接口的类。但是，如果你想使你的控件从WebControl派生，那么，ScriptControl应该是一个更好的选择—因为它正是派生自WebControl控件本身。但是，如果你想从头开发创建你的控件，并且不要求实现WebControl所具备的任何内在特征，那么，实现IScriptControl则更为恰当。此外，当你想在一个现有控件（例如本文中的MySrvImageButton）中添加Ajax特征时选择使用接口IScriptControl也会是你的选择。但是这两种方法都要求重载下列两个方法：①、GetScriptDescriptors；②、GetScriptReferences。

三、GetScriptDescriptors

这个方法负责在客户端以自动方式生成$create语句（而在上篇中是使用手工方式）。它使用了一个特殊类ScriptDescriptor来生成它。在继续往下讨论前，首先让我们来浏览一下ScriptDescriptor类中的继承层次图（如图2所示）：

图2：ScriptDescriptor类中的继承层次图

显然，每一种具体类型的组件都存在其单独的描述符。如果你在开发一个常规组件，那么，这个方法会返回一个ScriptComponentDescriptor的实例。对于扩展器而言，该方法返回的是一个ScriptBehaviorDescriptor实例；而对于一个控件，则返回ScriptControlDescriptor类的实例。该描述符中提供了一些特定的方法用于创建服务器端与客户端的“连接”。下面，还是让我们来分析一个有关$Create语句是如何在服务器端“注入”的简短示例：

//上篇中从客户端以手工方式使用$create
$create(AjaxImageButtonNamespace.MyCliImageButton, 
{'hoverImageUrl':'Images/updateh.gif'}, 
{'click':buttonClicked}, null, $get('cliBtn'));
在本文中，我们在服务器端以下列几个语句共同自动生成$Create语句：
ScriptControlDescriptor desc = 
new ScriptControlDescriptor("AjaxImageButtonLib.MySrvImageButton", 
ClientID);
if (!string.IsNullOrEmpty(HoverImageUrl))
{
desc.AddProperty("hoverImageUrl", HoverImageUrl);
}
if (!string.IsNullOrEmpty(ClientClickFunction))
{ 
desc.AddEvent("click", ClientClickFunction);
}
return desc;

在上面的代码中，我们在构造器中传递客户端类型（尽管客户端和服务器端具有相同的类型名）和DOM元素ID。这一步将填充$Create语句的第一个和最后一个参数。此后，我们设置hoverImageUrl属性，它对应于$Create语句的属性部分。最后，通过设置Click事件处理器，我们填充$Create语句的事件部分。下面是脚本描述符中暴露的几个重要的方法：

1)AddProperty()
这个方法能够在客户端添加一个属性。第一个参数相应于属性名，第二个参数对应该参数的取值。
2)AddEvent()
这个方法在客户端添加一个事件。第一个参数相应于事件名，第二个参数对应你想绑定的函数的名称。
3)AddScriptProperty()
这个方法能够把JavaScript代码指定为属性的一个值。对于复杂的属性赋值通常都要求这样的操作。
4)AddElementProperty()
这个方法在客户端添加一个属性，但是其与AddProperty方法间的区别在于，该值作为一个参数传递给$get方法。
5)AddComponentProperty()
这个方法负责在$Create语句的Component部分添加一个组件引用。该值将被用于$find语句中实现属性的赋值。这个方法的第一个参数相应于属性名，第二个参数对应该组件的id。