从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版本很可能会解决这个问题。