Extjs TextField扩展

Extjs.form.TextField的默认在输入框后面是不能加入文字。在网上找到此方法以备查用。

/**
 * 重写textfield,为其多加一个属性sideText,在文本框后面加html
 * @author rms
 * @create 2011-08-17
*/
Ext.override(Ext.form.TextField, {  
    sideText : '',  
    onRender : function(ct, position) {  
        Ext.form.TextField.superclass.onRender.call(this, ct, position);  
        if (this.sideText != '' && !this.triggerAction) {  
            this.sideEl = ct.createChild({  
                        tag : 'div',  
                        html : this.sideText  
                    });  
            this.sideEl.addClass('x-form-sideText');  
        }  
    }  
});

/*重写textfield的样式*/
.x-form-sideText {     
    padding-left: 2px;     
    display: inline-block;     
    display: inline;  
}

添加上以上内容后，Extjs.form.TextField就具备了新属性sideText 。

sideText 属性后面写的内容就会在文本框后面显示。