随笔-11  评论-0  文章-2  trackbacks-0
 

官网的API:http://api.jquery.com/
需要的JS文件:jquery.tmpl.min.js
Tmpl提供了几种tag:

  • ${}:等同于{{=}},是输出变量,通过了html编码的。
  • {{html}}:输出变量html,但是没有html编码,适合输出html代码。
  • {{if }} {{else}}:提供了分支逻辑。
  • {{each}}:提供循环逻辑,$value访问迭代变量。

 

 

jquery tmpl的使用方法:
模板定义:
方法一:
<script id="movieTemplate" type="text/x-jquery-tmpl">

    <li>
        <b>${Name}</b> (${ReleaseYear})
    </li>
</script>
方法二:
function makeTemplate(){
       var markup=’<li><b>${Name}</b> (${ReleaseYear})</li>‘;
       $.template(“movieTemplate”, markup);
DATA:
var movies = [
    { Name: "The Red Violin", ReleaseYear: "1998" },
    { Name: "Eyes Wide Shut", ReleaseYear: "1999" },
    { Name: "The Inheritance", ReleaseYear: "1976" }
];

Script:
$( "#movieTemplate" ).tmpl( movies )

    .appendTo( "#movieList" );
posted @ 2012-03-06 09:23 邦 阅读(2451) | 评论 (0)编辑 收藏
仅列出标题
共2页: 上一页 1 2