Как добавить новую строку в HTML-таблицу в ExtJS

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