extjs 名词解释？？

Question

Ext.ux.IconCombo = function(config) {

// call parent constructor
Ext.ux.IconCombo.superclass.constructor.call(this, config);

[color=red]this.tpl = config.tpl [/color]||
      '<div class="x-combo-list-item x-icon-combo-item {' 
    + this.iconClsField 
    + '}">{' 
    + this.displayField 
    + '}</div>'

 this.on({
    render:{scope:this, fn:function() {
        var wrap = this.el.up('div.x-form-field-wrap');
        this.wrap.applyStyles({position:'relative'});
        this.[color=red]el[/color].addClass('x-icon-combo-input');
        this.flag = Ext.DomHelper.append(wrap, {
            tag: 'div', style:'position:absolute'
        });
    }}
});

这段源码，里面的tpl 和el 是什么意思，在很多地方看见，都闹不懂，谁帮我解释一下，最好再多举两个例子

Answer 1

tpl 是Ext.ux.IconCombo组件下拉列表的现实模板
el 是Ext.ux.IconCombo组件的Element元素,你可以通过el.dom获得html的内容