我试图在使用骨干的下划线渲染的模板中使用数据表。我的模板代码是:
<script type="text/template" id="ledgerListing">
<table>
<thead>
<tr><th>Name</th><th>Email</th><th>Phone</th><th>address</th></tr>
</thead>
<tbody>
<tr><td>mrinal</td><td>mrinal</td><td>mrinal</td><td>mrinal</td></tr>
</tbody></table>
</script>
在我的一个观点中,我做了这样的功能:
ledgerTemplate: _.template($("#ledgerListing").html()),
loadLedger: function(){
this.container.html(this.ledgerTemplate());
}
在页面顶部我初始化数据表,如下所示:
$(document).ready(function() {
$('table').dataTable();
} );
表格已呈现但未应用数据表插件。我猜脚本标签中的任何内容都不会在页面加载期间连接到DOM。如果是这种情况,那么在由underscorejs呈现的模板上应用数据表的方式是什么。任何建议......
答案 0 :(得分:1)
好吧,它对我有用。我真是个傻瓜:)
只需在模板填充后初始化数据表:
this.container.html(this.ledgerTemplate());
$('table').dataTable();