Ext 带提示信息的 textField
程序员文章站
2022-05-07 18:21:17
...
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
-
推荐阅读
-
Android编程开发之EditText中不输入特定字符会显示相关提示信息的方法
-
Android编程开发之EditText中不输入特定字符会显示相关提示信息的方法
-
Win7系统电脑将鼠标停留在桌面图标上不出现提示信息的原因及解决方法图文教程
-
Android listview数据显示及提示信息的实例
-
html5配合css3实现带提示文字的输入框(摆脱js)
-
Win7系统电脑将鼠标停留在桌面图标上不出现提示信息的原因及解决方法图文教程
-
Android listview数据显示及提示信息的实例
-
PHP+javascript制作带提示的验证码源码分享
-
提示“该页正在访问其控制范围之外的信息”的解决方法
-
上海宏鹿信息技术服务有限公司小牛科技带您探索大数据的奥秘