如何在ExtJS中向html表添加新行

Question

您好，我已经使用常规表格和javascript在表格末尾添加新行，有人可以帮助我在表格末尾添加包含html元素的新行吗？

Answer 1

最简单的方法是使用Ext.Template

var tpl = new Ext.Template(
    '<tr>',
        '<td>{0}</td>',
    '</tr>'
);
tpl.append('myTable', [ Ext.id() ]);

在此处检查工作示例： http : //jsfiddle.net/chrisramakers/xG3wq/

更新的示例：
http://jsfiddle.net/chrisramakers/ZcQAX/

Answer 2

如果要处理更复杂的dom插入，则可以考虑使用通过Ext.DomHelper创建的模板，如下所示。

var tpl = Ext.DomHelper.createTemplate({
    tag: 'tr', children: [{
        tag: 'td', html: '{0}'
    }]
});
tpl.append('myTable', [ Ext.id() ]);

http://dev.sencha.com/deploy/dev/docs/?class=Ext.DomHelper