如何在 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