使用jQuery的模板与数据绑定插件
今天重典在群上说的这个，记录一下，以备后查。 ASP.NET AJAX 4.0中提供了客户端的数据绑定功能，相信大家都听说过了吧，有兴趣的可以看： Using ASP.NET AJAX Templates 废话不说，直接推荐
今天重典在群上说的这个，记录一下，以备后查。
ASP.NET AJAX 4.0中提供了客户端的数据绑定功能，相信大家都听说过了吧，有兴趣的可以看：Using ASP.NET AJAX Templates
废话不说，直接推荐两个jQuery的模板插件：
Chain.js
Hackszine.com: Chain.js - data binding for jQuery
http://www.hackszine.com/blog/archive/2008/08/chainjs_data_binding_for_jquer.html
Data Binding Solution for jQuery
Chain.js - Data Binding Service for jQuery
Interaction.js - drag/drop/sort support for Chain.js
Chain.js这个不错，模板可以很干净.还支持拖动、排序、事件绑定等等...
Demos：Demos for chain.js ；Demos for interaction.js；
点execute后的结果：
还有一个：
jTemplates - template engine in JavaScript
http://jtemplates.tpython.com/
这个带点入侵性，需要在模板中写上额外的标记！例如：
{#template MAIN}
<div id="header">{$T.name}</div>
<table>
{#foreach $T.table as r}
{#include row root=$T.r}
{#/for}
</table>
{#/template MAIN}
{#template row}
<tr bgcolor="{#cycle values=['#AAAAEE','#CCCCFF']}">
<td>{$T.name.bold()}</td>
<td>{$T.age}</td>
<td>{$T.mail.link('mailto:'+$T.mail)}</td>
</tr>
{#/template row}
当然，看着这些标记，都可以知道这个在模板处理上可能要强些....
<div id="header">{$T.name}</div>
<table>
{#foreach $T.table as r}
{#include row root=$T.r}
{#/for}
</table>
{#/template MAIN}
{#template row}
<tr bgcolor="{#cycle values=['#AAAAEE','#CCCCFF']}">
<td>{$T.name.bold()}</td>
<td>{$T.age}</td>
<td>{$T.mail.link('mailto:'+$T.mail)}</td>
</tr>
{#/template row}
当然，看着这些标记，都可以知道这个在模板处理上可能要强些....
同类的jQuery客户端数据绑定插件还有好几个，相对功能略差，就不提了....
作者：QLeelulu
出处：http://QLeelulu.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利
出处：http://QLeelulu.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利
精彩图集
精彩文章