我正在使用 jQuery DataTable,但这也适用于其他场景。DataTable 有一个子行功能,当父行展开时,您可以使用字符串形式的 HTML 来呈现子行。示例中的 d 是表示当前行的 JSON 对象:
format: function ( d ) {
// `d` is the original data object for the row
return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+
'<tr>'+
'<td>Full name:</td>'+
'<td>'+d.name+'</td>'+
'</tr>'+
'<tr>'+
'<td>Extension number:</td>'+
'<td>'+d.extn+'</td>'+
'</tr>'+
'<tr>'+
'<td>Extra info:</td>'+
'<td>And any further details here (images etc)...</td>'+
'</tr>'+
'</table>';
},
我不想将 HTML 放在字符串中,而是希望将它包含在 Handlebars\HTMLBars 模板中。在行展开时,我想查找模板,提供 JSON 对象并取回 HTML。
Ember 2.0/1.13 中有什么可以实现这一点?
这需要动态发生,因为包含 DataTable 的父模板已经呈现,并且子行模板是在行展开时动态生成的。
子行中的数据是只读的,所以我只需要单向绑定。