天天看點

項目中遇到的一些常見知識點(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