天天看点

项目中遇到的一些常见知识点(1) jquery tmpl 详解

在看一个栗子的时候突然遇到

<script src="~/Scripts/jquery.tmpl.min.js"></script>      

这个是什么玩意

后来继续又遇到

<script id="pinpaiTemplate" type="text/x-jQuery-tmpl">
      
<dl>
      
<dt id="${anchor}">${firstletter}</dt>
      
{{if pinpais}}
      
{{each pinpais}}<dd><a class="ppm" pid="${$value.Id}">${$value.Name}</a></dd>{{/each}}
      
{{else}}
      
<dd>没有此品牌</dd>
      
{{/if}}
      
</dl>
      
</script>
      
<script id="chexiTemplate" type="text/x-jQuery-tmpl">
      
<dl>
      
<dd><a class="cxm" pid="${cxid}" parentid="${parentId}">${chexi}</a></dd>
      
</dl>  
      
</script>
      
<script id="chexingTemplate" type="text/x-jQuery-tmpl">
      
<dl>
      
<dd><a class="cxim" pid="${chexingid}" parentid="${parentId}">${chexing}</a></dd>
      
</dl>  
      
</script>      

这又是什么玩意{{}} 从来没有看到,到网上找了下,原来大把的资料的,就是

jquery tmpl 详解

动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载,还有就是点击右边框,马上显示选项等,是一种模板生成HTML的框架

jquery.tmpl的几种常用标签分别有:

${}, {{each}}, {{if}}, {{else}}, {{html}}

不常用标签

 {{=}},{{tmpl}} and {{wrap}}.

${}等同与{{=}}是输出变量 ${}里面还可以放表达式 (=和变量之间一定要有空格,否则无效)

就是这个,我就推荐,这篇啦

http://www.jb51.net/article/59592.htm

http://www.jb51.net/article/27747.htm

https://www.cnblogs.com/zhuzhiyuan/p/3510175.html

http://www.cnblogs.com/darrenji/p/4171039.html