推荐好用的Jquery模板插件Jtemplate

现在的位置: 首页 > 综合 > 正文

推荐好用的Jquery模板插件Jtemplate

2014年02月06日 ⁄ 综合 ⁄ 共 721字 ⁄ 字号小中大 ⁄ 评论关闭

jtemplate是javascript的模板引擎。官方网址：http://jtemplates.tpython.com/

数据准备：

view

 plainprint?

var data ={  

TotalCount:64,  

Lists:[  

{Id:'2001' ,Title:'新闻11',CreateDate:'2011-08-08'},  

{Id:'2002' ,Title:'新闻22',CreateDate:'2011-08-08'},  

{Id:'2003' ,Title:'新闻33',CreateDate:'2011-08-08'},  

{Id:'2004' ,Title:'新闻44',CreateDate:'2011-08-08'},  

{Id:'2005' ,Title:'新闻55',CreateDate:'2011-08-08'},  

]  

}

1、引入库文件

view

 plainprint?

<script type="text/javascript" src="jquery.js"></script>  

<script type="text/javascript" src="jquery-jtemplates.js"></script>

2、编写模板

view

 plainprint?

<div id="<span style="color:#FF0000;">result</span>"></div>  

<div id="templateContainer" style="display:none;">  

<table>  

<tr><td>Id</td><td>标题</td><td>发布时间</td></tr>