前日，ASP.NET开发团队发布了Microsoft Ajax Library的一个重大更新版本(第六个预览版)。这个更新版本包括了我们客户端AJAX库的一堆新的功能和改进，可用于ASP.NET的任何一个版本(包括ASP.NET 2.0, 3.5 和 4.0)，可用于ASP.NET Web Forms 和 ASP.NET MVC项目。今天的发布包括下述主要改进：

1. 更好的命令式（Imperative）句法: 用于创建客户端控件的新的简化代码句法
2. 客户脚本装载器（Client Script Loader）: 一个新的客户端脚本装载器，可以自动地动态装载客户端控件或库所需的所有JavaScript文件，同时按正确的顺序执行脚本。
3. 更棒的jQuery集成: 所有的Microsoft Ajax控件现在自动呈示为jQuery插件。

   除了客户端脚本库改进外，今天我们还发布了一个新的Microsoft AJAX脚本缩小器（Minifier）工具（免费），这个工具允许你通过减少JavaScript文件的大小，显著地改进你网站的性能。该工具可以命令行工具的形式运行，也发布有Visual Studio MSBuild任务，你可以将其与你的VS项目集成，在编译时，自动地缩小JavaScript文件。

   使用Microsoft AJAX库 (第六个预览版)

   使用Microsoft AJAX库(第六个预览版)发布开始建造应用，有以下两种方式：

   1) 你可以访问 ASP.NET CodePlex网站，下载第六个预览版（内含一大堆例程）。

   2) 或者，你也可以直接使用Microsoft Ajax 内容分发网络 (CDN)上的Microsoft Ajax库脚本， 可以在.aspx 或 .html网页中加入下述脚本标识来做：

   1. <script src=”http://ajax.microsoft.com/ajax/beta/0910/Start.js” type=”text/javascript”></script> 

   想了解Microsoft AJAX CDN的话，阅读一下我上个月的博客贴子，或者访问http://www.asp.net/ajax/cdn。

   该发布中更好的命令式代码句法

   ASP.NET开发团队听到了社区的反馈，在创建客户端控件时，许多开发人员更喜欢命令式（imperative）的代码方式（较之于声明式的句法方式）。在今天的发布中，我们引进了一个简单的命令式代码句法来创建客户端控件，并与网页中的HTML元素进行绑定。该句法将得到VS 2008 和 VS 2010中的JavaScript Intellisense的完整支持。

   下面是你现在可以编写的命令式代码的一个例子，用编程的手法创建一个客户端DataView控件，显示来自WCF web服务的数据：

   

   上面的代码生成一个新的Microsoft Ajax DataVie控件，将该控件附于一个id为“imageView”的HTML <div>元素。WCF服务的URL是由“dataProvider”属性指定的，服务上的调用方法名是由“fetchOperation” 属性指定的，“autoFetch”属性表示在控件装载时应该自动与WCF服务进行绑定。

   下面是DataView控件所依附的“imageView” HTML <div>元素的标识，该<div>内含一个模板，用于显示从服务中获取的每个数据项（注：模板是我们在Microsoft Ajax以前一个预览版本中引入的）：

   

   上面模板中的 {{ Uri }} 和 {{ Name }} 表达式将为从服务中获取的图片的 Name 和 Uri属性所替代，<img>元素上的属性命名空间前缀 “sys:src”是用来防止浏览器试图在实际的路径 {Uri} 上装载图片的。 在模板装载时，sys:src属性的值将被插入src属性中。

   该网页在浏览器中显示时，我们将得到象下面这样的一个简单相片陈列室：

   

   或者，如果你不想在模板中使用声明式绑定句法的话，你可以把模板修改为象下面这样的纯HTML标识（不含{{ }}表达式）：

   

   然后在创建DataView控件时，你可以象下面这样，连接和指定一个itemRendered 事件处理函数：

   

   然后， 你可以使用下面的JavaScript，实现“imageRendered” 事件处理， 使用 Sys.bind() 方法，用编程的手法 将值赋给模板中的 <img> and <span> 标识：

   

   这允许你将你的模板保持为纯HTML标识，而在运行时提供显示同样的相片陈列室的体验。

   使用Microsoft Ajax 客户脚本装载器（Client Script Loader）

   Microsoft AJAX客户端脚本库现在分成了多个JavaScript文件，允许你只下载和使用你实际需要的那些脚本文件（也减小了下载大小）。

   但手工添加使用Ajax控件所需的所有脚本文件是很枯燥的，而且也容易出错。为方便使用客户端控件以及单独的客户端脚本库组件，我们在今天的发布中引进了一个新的客户端脚本装载器（client script loader）。这个装载器可以帮你自动地装载一个控件所需的所有脚本文件，同时在页面装载时，按正确的顺序执行这些脚本。

   例如，下面这个页面用了客户端脚本装载器装载“watermark”（水印）控件所需的所有脚本，然后将watermark控件连接到一个<input>文本框上：

   

   注意一下上面的Sys.require()方法调用。在调用Sys.require()时，你提供你想装载的客户端组件的名称（或者客户端组件名称的数组）。然后， sys.require()客户端装载器就会自动地并行下载所需的所有脚本文件 （允许你的脚本较快地装载，还允许你避免阻塞页面的显示）。在所要求的组件所需的所有脚本装载完毕后，Sys.onReady() 就会被调用，生成一个watermark。

   在上面，我们将“watermark”控件绑定到了一个id为 “name”的 <input> 文本框。在运行时，watermark 控件会导致文本框有一个watermark（水印）（在用户将光标设置到文本框，开始键入文字时会自动消失）：

   

   来源：
   说明：所有来源为 .net学习网的文章均为原创，如有转载，请在转载处标注本页地址，谢谢！
   【编辑：Wyf】

   打赏

   

   感谢您的支持，我会做的更好!

   

   扫码打赏，您说多少就多少

   

   

   打开支付宝扫一扫，即可进行扫码打赏哦

   上一篇：详解ASP.NET 4中的URL Routing功能

   下一篇：详解ASP.NET缓存的工作原理