javascript - 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