jQuery的模板與數據綁定插件
今天重典在群上說的這個，記錄一下，以備后查。
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}
>
{#foreach $T.table as r}
{#include row root=$T.r}
{#/for}
>
{#/template MAIN}
{#template row}
bgcolor="{#cycle values=['#AAAAEE','#CCCCFF']}">
>{$T.name.bold()}>
>{$T.age}>
>{$T.mail.link('mailto:'+$T.mail)}>
>
{#/template row}
當然，看著這些標記，都可以知道這個在模板處理上可能要強些....
id="header">{$T.name}
>>
{#foreach $T.table as r}
{#include row root=$T.r}
{#/for}
{#/template MAIN}
{#template row}
bgcolor="{#cycle values=['#AAAAEE','#CCCCFF']}">
>{$T.name.bold()}>
>{$T.age}>
>{$T.mail.link('mailto:'+$T.mail)}>
>
{#/template row}
當然，看著這些標記，都可以知道這個在模板處理上可能要強些....
同類的jQuery客戶端數據綁定插件還有好幾個，相對功能略差，就不提了....
全站熱搜
留言列表
