我正在使用javascript模板显示来自搜索查询的结果。 目前
<script id="collection-template" type="text/html"> <div
class="partners__item"> <%=CustomerName%>,<%=CustomerType%> </div>
</div> </script> <div id="collection"></div>
用逗号给我结果。此脚本循环记录次数。
如果我想使用表格来显示搜索结果,我会在循环部分添加表格内容,这会生成带有单独标题的单独表格。
<script id="collection-template" type="text/html">
<div class="partners__item">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Type</th>
</tr>
</thead>
<tbody>
<tr>
<div class="row">
<td><%=CustomerName%></td><td><%=CustomerType%></td>
</div>
</tr>
</tbody>
</table>
</div>
</script>
<div id="collection"></div>
我试图将thead部分移出循环,然后表格结构消失了。 作为一种结构,我希望能够构建这样的结构:
<Table><thead></thead>
<script>
<tr><td></td></tr>
</script>
</Table>
非常感谢任何建议。
我使用的模板来自filter.js
function _renderHTML(str, data) {
var tmpl = 'var __p=[],print=function(){__p.push.apply(__p,arguments);};' +
'with(obj||{}){__p.push(\'' +
.replace(/'/g, "\\'")
.replace(/<%-([\s\S]+?)%>/g, function(match, code) {
return "',escapeStr(" + code.replace(/\\'/g, "'") + "),'";
})
.replace(/<%=([\s\S]+?)%>/g, function(match, code) {
return "'," + code.replace(/\\'/g, "'") + ",'";
})
.replace(/<%([\s\S]+?)%>/g || null, function(match, code) {
return "');" + code.replace(/\\'/g, "'")
.replace(/[\r\n\t]/g, ' ') + ";__p.push('";
})
.replace(/\r/g, '\\r')
.replace(/\n/g, '\\n')
.replace(/\t/g, '\\t')
+ "');}return __p.join('');";
var func = new Function('obj', tmpl);
return data ? func(data) : function(data) { return func(data) };
}