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

Question

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

score 4 · Accepted Answer

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

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

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

score 1 · Accepted Answer

如果您正在处理更复杂的 dom 插入，您可能会考虑使用使用 Ext.DomHelper 创建的模板，如下所示。

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

2 回答 2