有些时候我们需要给文本框添加提示信息,但是默认的控件是不支持的,所以我给它做了个小小的改动。
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
分享到:
相关推荐
xtype:'textfield', triggerEvent:'cellclick' } }, ... ], ``` 定义了三列:公司名、价格和价格变动。其中`tdCls`属性为每列指定了不同的CSS类名,这将在后面用于设置ToolTip。 8. **监听器**: ```...
例如,`textField(_:shouldChangeCharactersIn:replacementString:)`用于处理文本框输入,`slider(_:valueChanged:)`用于响应滑块的滑动事件。在这些方法中,我们可以实时更新显示的小费和每人应支付的金额。 计算...
当达到一定分数的时候,会增加相应的分数。 四、总体设计 1. 基本设计概念 (1)游戏区:玩家可以在游戏区中堆积块,并能够在游戏过程中随时了解得分情况。 (2)游戏控制:玩家可以通过游戏控制功能来选择开始新...
- **作用**: 显示提示、警告、错误等信息给用户。 - **类型**: 提示框、输入框、确认框、自定义消息框等。 **3.2 实现方式** - **提示框**: `Ext.Msg.alert('Title', 'Message')`。 - **输入框**: `Ext.Msg.prompt...
4. **文本框(TextField)** - `xtype: 'textfield'` 对应的类是 `Ext.form.field.Text`。文本框是最常见的输入控件,用于接收单行文本输入。 5. **按钮(Button)** - `xtype: 'button'` 对应的类是 `Ext.button...
9. **工具提示和弹出框**:Ext 2.0提供了Tip和MessageBox等组件,方便添加提示信息和弹出对话框,提升用户体验。 10. **国际化支持**:尽管这个中文API文档是针对中文环境的,但Ext 2.0本身具有很好的国际化支持,...
同时,为了实现前端交互,我们还需要在 `Media` 类中添加自定义的 JavaScript 代码,如 `tip.js`,监听 `tiptype` 字段的 `change` 事件,动态地显示或隐藏相关表单元素。 ```python class TipAdmin(admin....