Ext 带提示信息的 textField

1、

UpengsTextfield = Ext.extend(Ext.form.TextField,{   
            tooltip:{},   
            onRender:function(ct, position){   
                UpengsTextfield.superclass.onRender.call(this, ct, position);   
                if(this.tooltip.text){   
                    new Ext.ToolTip({
                        target:this.id,
                        trackMouse:true,
                        draggable:false,
                        maxWidth:200,
                        minWidth:100,
                        //title:"<span style='color:green'>" + this.tooltip.title + "</span>",
                        html:"<span style='color:green'>" + this.tooltip.text + "</span>"
                    }); 
                }  
            }   
        });   
        Ext.reg('upengstextfield',UpengsTextfield);  

使用方法

 {
        name : 'name',
        xtype : 'upengstextfield',
        fieldLabel : '姓名',
        labelSeparator : ':',
        tooltip:{text:'多个用\",\"分隔, 将组成OR关系',title:'提示'},
        anchor : '95%'
    } 

  


2、
有时我们不想自己新new一个控件，而只是想在原来的基础上增加一些功能，
怎么实现？

 Ext.override(Ext.form.TextField,{   
            tooltip:{},   
            onRender:function(ct, position){ 
            	Ext.form.TextField.superclass.onRender.call(this, ct, position); 
                if(this.tooltip.text){   
                    new Ext.ToolTip({
                        target:this.id,
                        trackMouse:true,
                        draggable:false,
                        maxWidth:200,
                        minWidth:100,
                        //title:"<span style='color:green'>" + this.tooltip.title + "</span>",
                        html:"<span style='color:green'>" + this.tooltip.text + "</span>"
                    }); 
                }  
            }   
        });  

引自：
http://www.blogjava.net/hwpok/archive/2011/01/09/342628.html
http://blog.csdn.net/gsyst520/article/details/7241578



















-