ASP.NET Ajax 4.0模板编程介绍

ASP.NET AJAX 4.0模板1的使用。简介：当微软发布其ASP.NET 3.0时，它也发布了其Ajax平台，即ASP.NET Ajax。但说实话，和当时的其他AJAX平台相比，它并没有什么突出的功能。然而，当我在ASP.NET评估Ajax 4.0时，我真的被它的特性震惊了。新特性完全集中在浏览器技术上，比如XHTML和javascript。我非常钦佩ASP.NET的阿贾克斯队。试试AJAX4.0的新特性：基于模板的客户端编程dataview和datacontext live databinding2。模板编程模板提供了一种模式，可以设计Web UI样式，并可以在运行时向数据添加位置标记。在下面的例子中，我设计了一个网页来显示通过ADO.NET数据服务的AdventureWorks数据库的产品数据。整个模式如下： 。

服务的代码：复制代码代码如下：公共类AWProductDataServiCe : DataServiCe { public static void initializeServiCe(IDataserviceconfig){ config .SetEntitySetAccessRule('* '，EntitySetRights .全部);} }使用ASP .网的模版的aspx页面如下：复制代码代码如下：%@页面语言=' c# ' AutoEventWireup=' true '代码在=' clienttemplatedatawiewdemo '之前。aspx。cs“Inherits=”核心增强功能.AJAX。ClientTemplateAnDataViewDemo"%！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title MicroSoft Tech .客户端模板演示/标题样式类型='文本/css！- .sys-template { display : none }-/style style type=' text/CSS '伪造='1 '。sys-template { display : none }/style脚本类型=' text/JavaScript ' src=' http :/scripts/MicroSoft AJax。调试。js ' src=' http :脚本/MicroSoft AJax。调试。js '/脚本脚本类型=' text/JavaScript ' src=' http :/scripts/MicroSoft Tajaxtemplates。调试。js ' src=' http :脚本/MicroSoft Tajaxtemplates。调试。js！-////脚本脚本类型=' text/JavaScript ' src=' http :/scripts/MicroSoftJaxadonet。调试。js ' src=' http :脚本/MicroSoftJaxadonet。调试。js！-////脚本脚本类型='text/javascript '！- var dataContext=new Sys .数据。AdoNetDataContext()；datacontext。set _ ServiCeuri(' AWProductDataServiCe。' SVC '；datacontext。初始化()；/////脚本/头体xmlns : sys=' JavaScript : sys ' xmlns :数据视图=' JavaScript : sys .UI。DataView ' sys : activate=' * ' form id=' form 1 ' runat=' server ' div表边框=' 1 ' ad tr tdName/TD tdList Price/TD tdSize/TD tdWeight/TD/tr/ad t body class=' sys-template ' sys : attach=' data view ' DataView : autofetch=' true ' DataView :数据提供程序=' { { dataContext } } ' DataView : fetch operation=' Products '我使用了传统超文本标记语言表格来显示数据。你能够看到新的属性在TBODY节点中，还有存放数据的节点运输署。ASP .NET AJAX 4.0有一个很好的模版驱动来解析这些新的属性。而这些新的属性在十（高温)毫升和爪哇岛描述语言中都是没有的。这里的一个亮点是这些全都是可扩展的超文本标记语言能够解析的，所以它们不是常规的超文本标记语言元素的自定义属性TBODY。的类属性设置为系统模板，是一个约定用来隐藏从用户那边得到的初始化模版。sys-template {display:none}字段或者是属性能够通过{}符号来表达以便显示在数据展示区。 3.数据上下文：模版需要数据来填充它的数据展示区作为上下文。而上下文的数据可以绑定任何的爪哇岛描述语言数组或是可以作为模版的对象。上下文数据最强大的地方是它能够通过网络服务和JSON/ATOM交互ASP .NET AJAX提供两个数据上下文放在MicrosfotAjaxAdoNet.js中： Sys .数据上下文系统。数据AdoNetDataContext .上下文数据能够自动跟踪所有的数据变化通过新系统。观察者对象AdoNetDataContext。支持ADO .网数据服务很多额外的特性，比如认证管理，链接和实体间的协作。下面这个例子描述了如何用AdoNetDataContext同AdventureWorks的产品的ADO .网数据服务的交互。复制代码代码如下：var dataContext=new Sys .数据。AdoNetDataContext()；datacontext。set _ ServiCeuri(' AWProductDataServiCe。' SVC '；datacontext。初始化()；这里的set_serviceUri()方法能够用来和WCF AJAX或者是ADO。网数据服务交互初始化()方法用来提供初始化。 4.数据视图这里有个基本组件用来为模版展示数据，它定义在系统。用户界面数据视图中。它十分类似于服务器端的支持绑定任何爪哇岛描述语言对象或数据或是ASP .NET AJAX组件的数据源组件。

它有一个数据绑定属性。数据-绑定一个JavaScript数组或对象数据提供者-绑定一个wcf服务。如果您需要运行这个程序，您需要添加以下客户端的AJAX库。微软Ajax.js微软Ajax extmplatemicrosoftajax adonet下图显示了一个使用模板编程的通用概念模型：。

数据最终显示如下： 。