在HTML表格中显示搜索结果

时间:2017-12-06 01:29:38

标签: javascript

我正在使用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) };
}

0 个答案:

没有答案