`
Fangrn
  • 浏览: 822738 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

给TextField添加tip信息

阅读更多

有些时候我们需要给文本框添加提示信息,但是默认的控件是不支持的,所以我给它做了个小小的改动。

Fairies.form.TextField = Ext.extend(Ext.form.TextField,{
	tooltip:{},
	onRender:function(ct, position){
		Fairies.form.TextField.superclass.onRender.call(this, ct, position);
		if(this.tooltip.text)
        	new Ext.ToolTip({target:this.id,trackMouse:false,draggable:true,maxWidth:200,minWidth:100,title:this.tooltip.title,html:this.tooltip.text});
	}
});
Ext.reg('uxTextField',Fairies.form.TextField);

调用方法:

,{xtype : "uxTextField",fieldLabel : "主  题  词",name : "dispatchedDoc.keyword",anchor : '99%',tooltip:{text:'对外单位行文请填写主题词。',title:'提示'}
}
 

显示效果如下:


  • 大小: 3 KB
分享到:
评论

相关推荐

    ExtJS ToolTip功能

    xtype:'textfield', triggerEvent:'cellclick' } }, ... ], ``` 定义了三列:公司名、价格和价格变动。其中`tdCls`属性为每列指定了不同的CSS类名,这将在后面用于设置ToolTip。 8. **监听器**: ```...

    TipCalculator

    例如,`textField(_:shouldChangeCharactersIn:replacementString:)`用于处理文本框输入,`slider(_:valueChanged:)`用于响应滑块的滑动事件。在这些方法中,我们可以实时更新显示的小费和每人应支付的金额。 计算...

    软件工程课程设计报告俄罗斯方块.pdf

    当达到一定分数的时候,会增加相应的分数。 四、总体设计 1. 基本设计概念 (1)游戏区:玩家可以在游戏区中堆积块,并能够在游戏过程中随时了解得分情况。 (2)游戏控制:玩家可以通过游戏控制功能来选择开始新...

    Extjs中文教程2.x

    - **作用**: 显示提示、警告、错误等信息给用户。 - **类型**: 提示框、输入框、确认框、自定义消息框等。 **3.2 实现方式** - **提示框**: `Ext.Msg.alert('Title', 'Message')`。 - **输入框**: `Ext.Msg.prompt...

    extjs的xtype class对照表

    4. **文本框(TextField)** - `xtype: 'textfield'` 对应的类是 `Ext.form.field.Text`。文本框是最常见的输入控件,用于接收单行文本输入。 5. **按钮(Button)** - `xtype: 'button'` 对应的类是 `Ext.button...

    Ext 2.0 中文api 天涯浪子

    9. **工具提示和弹出框**:Ext 2.0提供了Tip和MessageBox等组件,方便添加提示信息和弹出对话框,提升用户体验。 10. **国际化支持**:尽管这个中文API文档是针对中文环境的,但Ext 2.0本身具有很好的国际化支持,...

    django admin 根据choice字段选择的不同来显示不同的页面方式

    同时,为了实现前端交互,我们还需要在 `Media` 类中添加自定义的 JavaScript 代码,如 `tip.js`,监听 `tiptype` 字段的 `change` 事件,动态地显示或隐藏相关表单元素。 ```python class TipAdmin(admin....

Global site tag (gtag.js) - Google Analytics