Template
- Provides an easy way to generate markup
- Can be compiled to improve performance
- Supports all formatting functions of Ext.util.Format
- Supports the same methods as DomHelper
- append
- insertAfter
- insertBefore
- insertFirst
- overwrite
// very simple
var tpl = new Ext.Template('<li>{text}</li>');
tpl.append('tplList', {text: 'Here is a sample list element - append'});
tpl.insertFirst('tplList', {text: 'Here is a sample list element - insertFirst'});
// more complex
var t = new Ext.Template(
'<div id="{id}">',
'<span class="{cls}">{name:trim} {value:ellipsis(15)}</span>',
'</div>'
);
var el = t.append('emptyDiv', {
id: Ext.id(),
cls: 'myclass',
name: ' foo ',
value: 'Lorem ipsum lorem ipsum lorem iosum etc.'
}, true);