详细页面:http://www.verydemo.com/demo_c110_i16459.html
jQuery的jTemplates插件实现了一种灵活的方式来控制显示,它允许我们定义好一个显示模板,jQuery在展现数据时根据选择的模板来动态生成。这就类似于ASP.NET中的ItemTemplate,也和XSLT有些类似。
jQuery官方网站给jTemplates的定义是:jTemplates is a template engine 100% in JavaScript.更多的信息可以参考http://jtemplates.tpython.com/
使用例子一如下:
1、导入jTemplates.js
<SCRIPT type= src=></SCRIPT>
2、html中的代码:
<><
/>
3、模板代码:
<>
你好:{$T.name},今天你{$T.age}岁了。
< />
你好:{$T.name},今天你{$T.age}岁了。
< />
4、JS数据:
profile={name:,age:};
5.调用方法:
$().setTemplateElement();
//template 指模板容器(这里是textarea)的ID;这里把template的innerHTML给了jTemplatesTest。也可以直接将 innerHtml传入,譬如:var abc =‘< textarea id="template" >
$().setTemplateElement(abc);
$().processTemplate(profile);
$().setTemplateElement(abc);
$().processTemplate(profile);
例子二循环输出:
1、数据:
data = [{age:1,name:},{age:2,name:},{age:3,name:},{age:4,name:},{age:5,name:}];
2、模板
<
id=>
&…………………………………………………………………………
&…………………………………………………………………………