如何将新行添加到ExtJS的html表中

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

2011-03-15 macha

最简单的方法是用Ext.Template

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

2011-03-15 14:31:48 ChrisR

克里斯，因为你给我把它添加行到一个新的表体的例子链接，我想这样对现有的机构。 'myTable'也是表格的ID吗？ – macha 2011-03-15 14:37:38

您可以追加到任何您想要的元素，Ext.Template的append（）方法接受一个domnode，元素id或Ext.Element作为第一个参数。 – ChrisR 2011-03-15 15:37:37

检查我的答案中的新示例，我也添加了一些评论 – ChrisR 2011-03-15 15:44:39

如果你正在处理一个更复杂dom插入你可能会考虑使用下面显示的使用Ext.DomHelper创建的模板。

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

2011-03-15 17:53:40 Ballsacian1

回答