您的位置:知识库 » Web前端

jQuery的模板与数据绑定插件

作者: Q.Lee.lulu  来源: 博客园  发布时间: 2009-07-12 22:18  阅读: 2901 次  推荐: 0   原文链接   [收藏]  

今天重典在群上说的这个,记录一下,以备后查。

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.jsDemos for interaction.js

image

点execute后的结果:

image

 

还有一个:

jTemplates - template engine in JavaScript
http://jtemplates.tpython.com/

这个带点入侵性,需要在模板中写上额外的标记!例如:

{#template MAIN}
 
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客户端数据绑定插件还有好几个,相对功能略差,就不提了....
0
0
 

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻