这一部分中,有两个最主要的服务器端控件:ScriptManager和UpdatePanel。在此,我们仅作简要介绍。
ScriptManager控件包括在ASP.NET 2.0 AJAX Extensions中,它管理页面上的所有组件以及页面的局部更新,生成相关的客户端代理脚本以便能够在JavaScript中访问Web服务,所有需要支持ASP.NET AJAX的ASP.NET页面上有且只能有一个ScriptManager控件。在这个ScriptManager控件中,我们可以指定需要的脚本库,或者指定通过JavaScript来调用的Web服务,还可以指定页面错误处理方式等。
UpdatePanel控件代表ASP.NET AJAX以服务器为中心的编程模型的中心。它允许你执行服务器端代码并将已更新标记返回到客户端浏览器。其与传统的回发机制存在的区别在于,传统的回发是整页刷新,而UpdatePanel控件会设法发送一个频带外请求以取得刷新标记,并在响应就绪后更新特定部分的DOM树(即局部刷新)。
因此,UpdatePanel将是用来改造现有ASP.NET 2.0程序的重型武器,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加几个UpdatePanel控件和一个ScriptManager控件就可以自动实现局部更新。
下表列出了UpdatePanel控件中的常用重要属性:
| 属性 |
说明 |
| ChildrenAsTriggers |
当UpdateMode属性为Conditional时,UpdatePanel中的子控件的异步回送是否会引发UpdatePanle的更新。 |
| RenderMode |
表示UpdatePanel最终呈现的HTML元素。Block(默认)表示<div>,Inline表示<span>。 |
| UpdateMode |
表示UpdatePanel的更新模式,有两个选项:Always和Conditional。Always是指不管有没有Trigger其他控件都将更新该UpdatePanel;Conditional表示只有当前UpdatePanel的Trigger或ChildrenAsTriggers属性为true时当前UpdatePanel中控件引发的异步回送或者整页回送或是服务器端调用Update()方法才会引发更新该UpdatePanel。 |
注意,UpdatePanel的工作依赖于ScriptManager服务端控件和客户端PageRequestManager类(Sys.WebForms.PageRequestManager)。当ScriptManager中允许页面局部更新时,它会以异步的方式回传给服务器,与传统的整页回传方式不同的是只有包含在UpdatePanel中的页面部分会被更新,在从服务端返回HTML之后,PageRequestManager会通过操作DOM对象来替换需要更新的代码片段。
关于ASP.NET AJAX Control Toolkit
ASP.NET AJAX Control Toolkit,其正式支持网站是http://www.CodePlex.com。此外,你也可以在http://ajax.asp.net上下载之。这一部分是微软与开发者社区合作开发的一个功能强大的ASP.NET AJAX扩展工具包,其中包含的是全免费的、开源的ASP.NET服务器端控件和ASP.NET AJAX扩展器控件。完整的下载包中包含如下几部分:
◆数十种提供常用AJAX功能的服务器端组件及源码;
◆演示上述组件的示例Web站点;
◆开发基于ASP.NET AJAX自定义服务器端组件的Visual Studio 2005项目模板;
◆测试上述组件及自定义组件的Web站点。
客户端主要技术
ASP.NET AJAX以客户端为中心的编程模型的重心是支持远程端点(通常为ASP.NET Web服务和Windows通讯基础服务,但也可能是其它内容)调用的能力。直接从客户端浏览器启动时,对远程端点的调用需要JavaScript代理和JavaScript代码片段。注意,我们可以把“客户端数据绑定”视为传统JavaScript运行时和DOM的扩展。在纯粹的客户端编程风格中,首先会连接到远程端点,然后下载数据,并将数据绑定到DOM子树。此时,模板结构和一些状态信息保存在客户端上,只有原始数据从服务器移动到客户端上。
下图2展示了ASP.NET AJAX框架的客户端架构。
 |
| 图2:ASP.NET AJAX客户端框架 |
MS AJAX客户端脚本库是由一些JavaScript(.js)文件组成的,并且提供了面向对象的JavaScript特性极大地简化了程序开发。从上图2看出,MS AJAX客户端脚本库包括:
1、浏览器兼容层—为MS AJAX脚本提供了跨浏览器的兼容性。
2、MS AJAX核心服务—包含了一些JavaScript扩展,如类、命名空间、事件处理、继承、数据类型与对象序列化。
3、MS AJAX基础类库—包含StringBuilder、Debugger、Timer、Tracing等新组件。
4、网络层—负责处理与Web服务及应用程序之间的沟通,以及管理异步远程方法调用。
5、UI层—提供一些MS AJAX客户端的能力,包括行为(Behavior)、MS AJAX声明性语法、UI组件及数据绑定。
6、MS AJAX控件层—为客户端开发提供了特定MS AJAX控件,这些控件能具有数据绑定、脚本化、绑定到MS AJAX行为如拖放功能等等,这一层包含如常规类型控件(对应于HTML常用控件)、具有数据绑定能力的ListView控件,以及数据导航控件。 |