文章分类

站点统计

  • 分类总数: 13 个
  • 文章总数: 145 篇
  • 评论总数: 47 条
  • 附件总数: 59 个
  • 建站日期: 2008-08-18
  • 访问总数: 472871 人次
  • RSS订阅: 文章|评论

jQuery-jTemplate用法简要

Admin 于 2008-09-21 06:22:43 发表JavaScript

1、导入jTemplates.js

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

2、html中的代码

  1. <div id="content"></div> 

3、模板代码

  1. < textarea id="template" style="display:none"> 
  2.     你好:{$T.name},今天你{$T.age}岁了。 
  3. </textarea> 

4、JSON数据

  1. var profile={name:"小白",age:"24"}; 

5、调用方法

  1. $(".content").setTemplateElement("template"); 
  2. /* template指模板容器(这里是textarea)的ID;这里把template的innerHTML给了content。 
  3. 也可以直接将innerHtml传入: 
  4. var abc ='<textarea id="template" style="display:none">' 
  5. + '你好:{$T.name},今天你{$T.age}岁了。</textarea>'; 
  6. $(".content").setTemplateElement(abc); 
  7. */ 
  8. $(".content").processTemplate(profile);//让content读取profile这个数据。 

6、最终输出

  1. <div id="jTemplatesTest">你好:小白,今天你24岁了。</div> 
被阅2748次, 1票jQuery Template 发表评论
1 / 1 / 1 | « 1 » |
Powered by MiniBoke v2.0.0.8 Build 0828

Copyright © 2008 开源吧!. All rights reserved.

粤ICP备07500939号