/**
* {xtype : "uxTextField",fieldLabel : "主 题 词",name :
* "dispatchedDoc.keyword",anchor :
* '99%',tooltip:{text:'对外单位行文请填写主题词。',title:'提示'} }
*/
Ext.ns('Ext.ux.form.TextField');
Ext.ux.form.TextField = Ext.extend(Ext.form.TextField, {
tooltip : {},
onRender : function(ct, position) {
Ext.ux.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', Ext.ux.form.TextField);
分享到:
相关推荐
Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...
通过上述示例,我们了解了如何在ExtJS中使用`ToolTip`功能为网格中的每一列提供额外的信息提示。这种方式不仅提高了应用的交互性,也增强了用户体验。此外,我们还学习了如何定义组件、配置布局、设置数据存储、添加...
9. **工具提示(Tooltip)和提示框(MessageBox)**:提供美观且功能强大的提示信息,增强用户体验。 10. **国际化(Internationalization, i18n)**:支持多语言,方便创建面向全球用户的Web应用。 11. **AJAX...
8. **工具提示和提示框**:提供可自定义的工具提示(ToolTip)和提示框( MessageBox),增强了用户体验。 9. **Drag and Drop**:支持拖放操作,可以方便地创建拖放功能,例如在列表或网格中的排序。 10. **国际...
工具提示用于显示鼠标悬停在元素上方时的附加信息。 在实际应用中,开发者可以根据需求自定义`xtype`,通过继承已有的`class` 并添加新的属性和方法。`ExtJS xtype class对照表`文档详细列出了所有内置的`xtype`...
`new Ext.form.TextField({ labelWidth: 100, labelAlign: 'right', allowBlank: false, listeners: { afterrender: function(field) { field.el.on('mouseover', function(e) { var tip = new Ext.ToolTip({ ...
- 按钮实例:创建一个按钮,包括`xtype`(类型)、`iconCls`(图标类名)、`id`、`tooltip`(提示)、`text`(文字)和`handler`(点击事件处理函数)。 3. **Ext.TabPanel**: - TabPanel是ExtJs中的一个多标签...
7. **工具提示**(ToolTip)和提示框(Alert/Confirm):EXTJS提供了自定义的提示功能,可以创建带有丰富内容和样式的提示信息。 8. **拖放功能**:EXTJS支持组件的拖放操作,可以轻松创建可交互的界面元素。 9. *...
-为空则使用默认的提示信息,默认的提示信息支持多语言,建议一般情况下使用默认信息。 +为表单字段增加MarkInvalid和GetMarkInvalidReference函数(feedback:sun1299shine)。 -增加示例:form/form_validate....
-简单方便,示例可以参考 default.aspx 或者 other\accordion_tree_run.aspx。 +2009-08-14 v2.0.6 -动态生成菜单实例(other\menu_dynamic_run.aspx和other\menu_dynamic2_run.aspx)(feedback:shguo)。 -...