如何將新行添加到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

回答