欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » ASP.Net » 正文

热门阅读

最新微软Ajax库更新 新功能概览

创建时间:2011年06月16日 22:54  阅读次数:(5070)
分享到:

前日,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服务的数据:

    image

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

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

    image

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

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

    image

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

    纯HTML标识

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

    连接和指定一个itemRendered

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

    image

    这允许你将你的模板保持为纯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(水印)(在用户将光标设置到文本框,开始键入文字时会自动消失):

    文本框_image006

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

    打赏

    取消

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

    扫码支持
    扫码打赏,您说多少就多少

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

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 79+98=? 的结果(结果是:177)
结  果: