Ext 带提示信息的 textField

最新推荐文章于 2018-04-25 15:37:17 发布

iteye_3352

最新推荐文章于 2018-04-25 15:37:17 发布

阅读量295

点赞数

分类专栏： ext 文章标签： ext textfield 提示信息

本文链接：https://blog.csdn.net/iteye_3352/article/details/82549690

版权

ext 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

[b]1、[/b]

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%'
    }

[b]2、[/b]
有时我们不想自己新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>"
                    }); 
                }  
            }   
        });