用jQuery和jTemplates插件实现客户端分页的表格展现

核心提示： jTemplate就把数据展现的方式和业务逻辑分开来，允许你定义好一个模板，用jQuery和jTemplates插件实现客户端分页的表格展现(3)，然后再运行时会根据模板的内容来render. 和ASP.NET中的绑定相似，也有一个特定的符号来表示绑定的上下文对象$T，$T就类似于上图中的

jTemplate就把数据展现的方式和业务逻辑分开来，允许你定义好一个模板，然后再运行时会根据模板的内容来render. 和ASP.NET中的绑定相似，也有一个特定的符号来表示绑定的上下文对象$T。$T就类似于上图中的result.d[n]—某一个业务对象，需要展现哪个属性后边直接跟.PropertyName即可。因为表格的行是可变的，所以这里就类似于XSLT中一样来控制动态生成.

<table id="RSSTable" cellspacing="0">
<thead>
　　<tr>
　　　<th width="80">Date</th>
　　　<th>Title / Excerpt</th>
　　</tr>
</thead>
<tbody>
　　{#foreach $T.d as post}
　　<tr>
　　　<td rowspan="2">{$T.post.Date}</td>
　　　<td><a href="{$T.post.Link}">{$T.post.Title}</a></td>
　　</tr>
　　<tr>
　　　<td>{$T.post.Description}</td>
　　</tr>
　　{#/for}
</tbody>
</table>

在页面请求完PageMethod并成功返回后可以来应用模板展现数据了：

$(document).ready(function() {
// On page load, display the first page of results.
DisplayRSS(1);
});
　　
function DisplayRSS(page) {
……
success: function(msg) {
　　// Render the resulting data, via template.
ApplyTemplate(msg);
　　// TODO: Update navigation status
}
……
}
　　
function ApplyTemplate(msg) {
$('#Container').setTemplateURL('Template/RSSTable.htm',
　　　　　　　　　　　　　　　　 null, { filter_data: false });
$('#Container').processTemplate(msg);
}