繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > ASP.NET AJAX 4.0的模版编程(Template Programming)介绍
- ASP.NET
- asp.net Execl的添加,更新操作实现代码
- asp.net 生成曲线图实现代码
- 从外部的js文件中获取ASPX页面的控件ClientID
- asp.net 因为数据库正在使用的解决方法
- asp.net Repeater 自递增
- asp.net 实现防迅雷等下载工具盗链
- ASP.NET封装的SQL数据库访问类
- asp.net 通过指定IP地址得到当前的网络上的主机的域名
- aspx 服务器架设问题解决
- ASP.NET Session使用详解
- Asp.net 5种页面转向方法
- ASP.NET 用户多次登录的解决方法
- ASP.NET下母版页和内容页中的事件发生顺序整理
- asp.net 程序性能优化的七个方面 (c#（或vb.net）程序改进)
- 从客户端检测到有潜在危险的Request.Form值的asp.net代码
- asp.net CommunityServer中的wwwStatus
- 在应用程序级别之外使用注册为allowDefinition=''MachineToApplication''的节是错误的
- .net开发人员常犯的错误分析小结
- ASP.net Substitution 页面缓存而部分不缓存的实现方法
- asp.net 生成静态时的过滤viewstate的实现方法
ASP.NET AJAX 4.0的模版编程(Template Programming)介绍
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-11 浏览: 132 ::
收藏到网摘: n/a
不过当我评估ASP.NET AJAX 4.0的时候,我确实被它的特征给震住了。新的特征完全专注于浏览器技术,比如XHTML和javascript。 我非常钦佩ASP.NET AJAX小组。
ASP.NET AJAX 4.0 模版的使用
1. Introduction:
当Microsoft发布了它的ASP.NET 3.0时也同时发布了它的AJAX平台也就是ASP.NET AJAX。 不过说实话,当时相比其它的AJAX平台,它没有什么很突出的功能。不过当我评估ASP.NET AJAX 4.0的时候,我确实被它的特征给震住了。新的特征完全专注于浏览器技术,比如XHTML和javascript。 我非常钦佩ASP.NET AJAX小组。试试看看AJAX4.0的新特征：
Template based client side programming
DataView and DataContext
Live Data Binding
2. Template Programming
模版形式提供了一个可以设计Web UI样式的模式并且能够给运行时的数据添加位置标记。下面这个例子中,我设计了一个web页面来显示AdventureWorks数据库的产品数据通过ADO.NET data service. 整个模式如下: 
Service的代码：
复制代码 代码如下:
public class AWProductDataService : DataService
{
public static void InitializeService(IDataServiceConfiguration config)
{
config.SetEntitySetAccessRule("*", EntitySetRights.All);
}
}
使用ASP.NET的模版的aspx页面如下：
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="ClientTemplateAndDataViewDemo.aspx.cs"
Inherits="CoreEnhancements.AJAX.ClientTemplateAndDataViewDemo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Microsoft Tech.Ed - Client-side Templating Demo</title>
<style type="text/css"><!--
.sys-template {display:none}
--></style><style type="text/css" bogus="1"> .sys-template {display:none}
</style>
<script type="text/javascript" src="/upload/tech/20091011/20091011144906_3d8e28caf901313a554cebc7d32e67e5.js" src="/upload/tech/20091011/20091011144906_9f61408e3afb633e50cdf1b20de6f466.js"></script>
<script type="text/javascript" src="/upload/tech/20091011/20091011144910_89f0fd5c927d466d6ec9a21b9ac34ffa.js" src="/upload/tech/20091011/20091011144910_e70611883d2760c8bbafb4acb29e3446.js"><!--
// --></script>
<script type="text/javascript" src="/upload/tech/20091011/20091011144911_851ddf5058cf22df63d3344ad89919cf.js" src="/upload/tech/20091011/20091011144911_8a0e1141fd37fa5b98d5bb769ba1a7cc.js"><!--
// --></script>
<script type="text/javascript"><!--
var dataContext = new Sys.Data.AdoNetDataContext();
dataContext.set_serviceUri("AWProductDataService.svc");
dataContext.initialize();
// --></script>
</head>
<body xmlns:sys="javascript:Sys" xmlns:dataview="javascript:Sys.UI.DataView"
sys:activate="*">
<form id="form1" runat="server">
<div>
<table border="1">
<thead>
<tr>
<td>Name</td>
<td>List Price</td>
<td>Size</td>
<td>Weight</td>
</tr>
</thead>
<tbody class="sys-template" sys:attach="dataview" dataview:autofetch="true"
dataview:dataprovider="{{ dataContext }}"
dataview:fetchoperation="Products">
<tr>
<td>{binding Name }</td>
<td>{binding ListPrice}</td>
<td>{binding Size}</td>
<td>{binding Weight}</td>
</tr>
</tbody>
</table>
</div>
</form>
</body>
</html>
我使用了传统HTML table来显示数据。 你能够看到新的属性在<TBODY>节点中,还有存放数据的节点<TD>。ASP.NET AJAX 4.0有一个很好的模版驱动来解析这些新的属性。而这些新的属性在X(HT)ML和Javascript中都是没有的。这里的一个亮点是这些全都是XHTML能够解析的,所以它们不是常规的HTML元素的自定义属性。<TBODY>的类属性设置为sys-template,是一个约定用来隐藏从用户那边得到的初始化模版。 .sys-template {display:none} 字段或者是属性能够通过{}符号来表达以便显示在数据展示区。
3. DataContext:
模版需要数据来填充它的数据展示区作为上下文。 而上下文的数据可以绑定任何的Javascript数组或是可以作为模版的对象。上下文数据最强大的地方是它能够通过web Services和JSON/ATOM交互。ASP.NET AJAX提供两个数据上下文放在MicrosfotAjaxAdoNet.js中:
Sys.Data.DataContext
Sys.Data.AdoNetDataContext
上下文数据能够自动跟踪所有的数据变化通过new Sys.Observer对象。AdoNetDataContext支持ADO.NET数据服务很多额外的特性,比如认证管理,链接和实体间的协作。下面这个例子描述了如何用AdoNetDataContext同AdventureWorks的产品的ADO.Net数据服务的交互。
复制代码 代码如下:
var dataContext = new Sys.Data.AdoNetDataContext(); dataContext.set_serviceUri("AWProductDataService.svc"); dataContext.initialize();
这里的set_serviceUri()方法能够用来和WCF AJAX或者是ADO.NET 数据服务交互。Initialize()方法用来提供初始化。
4. Data View
这里有个基本组件用来为模版展示数据,它定义在System.UI.DataView中。它十分类似于服务器端的支持绑定任何Javascript对象或数据或是ASP.NET AJAX组件的数据源组件。它有连个属性来进行数据绑定:
data - To bind a JavaScript array or object
dataprovider - To bind to a WCF service
如果你需要运行这个程序,你需要添加下面几个客户端的AJAX库。
MicrosoftAjax.js
MicrosoftAjaxTemplates
MicrosoftAjaxAdoNet
下面这个图展示了总体的一个使用模版编程的概念模型:
数据最后的展示如下:
评论 (0) All
