从Atlas到Microsoft ASP.NET AJAX（9） - Using the Value-add Scripts

Using the Value-add Scripts

　　在CTP版本中，您只需简单地将一个ScriptManager控件加到页面中，默认的CTP核心功能（Atlas.js）就被添加了。不过其它一些脚本是可选的，例如AtlasUIGlitz.js文件。如果您要使用它们，则需要手动地将其加入ScriptManager的references中，或者将他们定义在XML-Script的<refereces />里。

　　在RTM版本中，为了使用Value-add里的功能，您必须在ScriptManager中添加特定的脚本引用。下面的例子展示了如何引用Value-add中定义的所有脚本。

注意：在这里，注册的顺序非常重要，它表明了一个“dependency chain”。

< asp:ScriptManager  runat =”server”  id =”ScriptManager1”>
     <Scripts >
        < asp:ScriptReference  Assembly ="Microsoft.Web.Preview"
            Name ="Microsoft.Web.Resources.ScriptLibrary.PreviewScript.js" />
        < asp:ScriptReference  Assembly ="Microsoft.Web.Preview"  
            Name ="Microsoft.Web.Resources.ScriptLibrary.PreviewGlitz.js" />
         < asp:ScriptReference  Assembly ="Microsoft.Web.Preview"  
            Name ="Microsoft.Web.Resources.ScriptLibrary.PreviewDragDrop.js" />
     </ Scripts >
</ ScriptManager >

Client-based and Server-based Types

　　定义在Value-add脚本中的类型从CTP版本中的Sys.*命名空间转移到了Sys.Preview.*中。这确保了功能上的明显区别。从CTP转移到Value-add脚本的开发人员需要更新他们的JavaScript代码。例如，Sys.Services.Components.Profile组件现在已经变成了Sys.Preview.Services.Components.Profile。

　　相似地，使用CTP版本中服务器控件的开发人员在转移到Value-add时，则必须更新Web.config文件，以使用新的命名空间：Microsoft.Web.Preview.*。例如，Microsoft.Web.UI.Controls.DragOverlayExtender现在已经变成了Microsoft.Web.Preview.UI.Controls.DragOverlayExtender。


XML-Script

　　在Value-add包内依旧能够使用XML-Script，但是由于RTM版本的影响，必须作一些改变。另外，XML-Script的功能也得到了增强。

注意：XML-Script标签不是大小写敏感的。然而，一些特定的属性和它们的值是大小写相关的，因此可能需要对您的应用程序做一些修改。

　　XML-Script的标签名直接使用了类型名称，在CTP版本中内置的下列标签在Value-add包中被改变了：

< opacity  />
< layout  />
< autoComplete  />
< setProperty  />
< invokeMethod  />
< serviceMethod  />
< postback  />
< select  />

　　在Value-add包中，上述标签名变成了：

< opacityBehavior  />
< layoutBehavior  />
< autoCompleteBehavior  />
< setPropertyAction  />
< invokeMethodAction  />
< serviceMethodRequest  />
< postbackAction  />
< selector  />

Defining Tag Prefixes

　　XML标签依旧使用内置的脚本前缀。另外，对自定义前缀的支持被增强了，它使用了如下的语法。这允许开发人员使用逗号来分隔命名空间的标记。

< script  type ="text/xml-script" >
     < page  xmlns:script ="http://schemas.microsoft.com/xml-script/2005"
        xmlns="JavaScript: Sys.UI, Sys" >
         < components >
            ...
         </ components >
     </ page >
</ script >

Comment　　事实上，在原文中出现的是“xmlns:"JavaScirpt: Sys.UI, Sys"”而不是“xmlns="JavaScript: Sys.UI, Sys"”，我在阅读代码之后作了纠正。

Creating Declarative Bindings

　　CTP版本中的Binding被转移到了Value-add脚本中，并且它能够支持在各种级别中使用，而无须嵌套在某个特定的控件中。当它被嵌套在某个控件中时，binding会从它父控件得到上下文或者数据源。下面的代码能够同时在CTP和Value-add中正确使用binding：

< script  type ="text/xml-script" >
     < page  xmlns:script ="http://schemas.microsoft.com/xml-script/2005" >
         < components >
             < textbox  id ="Name"   />
             < label  id ="FirstName" >
                 < bindings >
                     < binding  dataContext ="Name"  dataPath ="text"  
                        property ="text" />   
                 </ bindings >
             </ label >
         </ components >
     </ page >
</ script >

　　在Value-add包中，binding的propertyKey属性能够支持“.”的使用，这允许您指定某个特定的子属性。对于某些已经从Control基类被移除的属性（例如visible），您能够通过子属性来访问到它们。下面的示例展示了如何设定一个Button元素的style属性。

< script  type ="text/xml-script" >
     < page  xmlns:script ="http://schemas.microsoft.com/xml-script/2005"
        xmlns:"JavaScript: Sys.UI, Sys" >
         < components >
             < textbox  id ="Name"   />
             < label  id ="FirstName" >
                 < bindings >
                     < binding  dataContext ="Name"  dataPath ="text"  
                        property ="text" />     
                 </ bindings >
             </ label >
             < button  id ="button2" >
                 < click >
                     < setPropertyAction  target ="text1"  property ="element"  
                        propertyKey ="style.borderColor"  value ="black"   />
                 </ click >
             </ button >
         </ components >
     </ page >
</ script >

　　这个示例也展示了action的使用方式：setPropertyAction在Button控件的click事件触发时被调用。


References

　　在CTP版本中您能够在XML-Script添加对于脚本的引用，在Value-add Beta版本中并没有支持这个功能。RTM版本很可能会解决这个问题。

本文出自 “赵��” 博客，转载请与作者联系！