jquery tmpl 绑定时加载自定义函数的使用方法

1. <script id="movieTemplate" type="text/x-jquery-tmpl">  
2.     {{tmpl($item.data, $item) "#titleTemplate"}} 
3.     <tr class="detail"><td>Director: ${$item.embolden(Director)}</td></tr> 
4. </script> 
5.  
6. <script id="titleTemplate" type="text/x-jquery-tmpl">  
7.     <tr class="title"><td>${$item.embolden($item.data.Name)}</td></tr> 
8. </script> 
9.  
10. <table><tbody id="movieList"></tbody></table> 

1. var formatHelpers = {  
2.     embolden: function(i) { 
3.         return "*" + i + "*"; 
4.     } 
5. }; 
6.  
7. var movies = [ 
8.     { Name: "The Red Violin", Director: "François Girard" }, 
9.     { Name: "Eyes Wide Shut", Director: "Stanley Kubrick" }, 
10.     { Name: "The Inheritance", Director: "Mauro Bolognini" } 
11. ]; 
12.  
13. /* Render the template with the movies data */ 
14. $( "#movieTemplate").tmpl(movies, formatHelpers).appendTo("#movieList"); 

 

简单的使用实例： 

<script id="dataTmpl" type="text/x-jquery-tmpl">
<tr>
<td>${ParkName}</td>
<td>${CPH}</td>
<td>${CardNO}</td>
<td>${$item.embolden(CarCardType)}</td>

</script>

$('#dataTmpl').tmpl(json.Data, formatHelpers).appendTo('#tabResult');

var formatHelpers = {
embolden: function(i) {
return "*" + i + "*";
}
};

 

转载于:https://www.cnblogs.com/trueblue/p/5489750.html