jquery插件 - 模板与数据绑定插件

简介: 今天重典在群上说的这个,记录一下,以备后查。 ASP.NET AJAX 4.0中提供了客户端的数据绑定功能,相信大家都听说过了吧,有兴趣的可以看:Using ASP.NET AJAX Templates 废话不说,直接推荐两个jQuery的模板插件: Chain.

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

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}
  <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客户端数据绑定插件还有好几个,相对功能略差,就不提了....
目录
相关文章
|
8月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
8月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
8月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
8月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
8月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
8月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
10月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
149 14
|
11月前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
164 21
|
11月前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
316 16
|
11月前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。