`
379548695
  • 浏览: 155753 次
  • 性别: Icon_minigender_1
  • 来自: 河南郑州
社区版块
存档分类
最新评论

extjs textfield 添加tooltip或者其他的提示信息

阅读更多
/**
 * {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添加tooltip

    Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...

    ExtJS ToolTip功能

    通过上述示例,我们了解了如何在ExtJS中使用`ToolTip`功能为网格中的每一列提供额外的信息提示。这种方式不仅提高了应用的交互性,也增强了用户体验。此外,我们还学习了如何定义组件、配置布局、设置数据存储、添加...

    Extjs 3.0 中文API

    9. **工具提示(Tooltip)和提示框(MessageBox)**:提供美观且功能强大的提示信息,增强用户体验。 10. **国际化(Internationalization, i18n)**:支持多语言,方便创建面向全球用户的Web应用。 11. **AJAX...

    extjs3.0 API 中英

    8. **工具提示和提示框**:提供可自定义的工具提示(ToolTip)和提示框( MessageBox),增强了用户体验。 9. **Drag and Drop**:支持拖放操作,可以方便地创建拖放功能,例如在列表或网格中的排序。 10. **国际...

    extjs的xtype class对照表

    工具提示用于显示鼠标悬停在元素上方时的附加信息。 在实际应用中,开发者可以根据需求自定义`xtype`,通过继承已有的`class` 并添加新的属性和方法。`ExtJS xtype class对照表`文档详细列出了所有内置的`xtype`...

    Extjs中文教程2.x

    `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({ ...

    ExtJs使用过程中积攒的一些东西

    - 按钮实例:创建一个按钮,包括`xtype`(类型)、`iconCls`(图标类名)、`id`、`tooltip`(提示)、`text`(文字)和`handler`(点击事件处理函数)。 3. **Ext.TabPanel**: - TabPanel是ExtJs中的一个多标签...

    Ext 2 API Documentation

    7. **工具提示**(ToolTip)和提示框(Alert/Confirm):EXTJS提供了自定义的提示功能,可以创建带有丰富内容和样式的提示信息。 8. **拖放功能**:EXTJS支持组件的拖放操作,可以轻松创建可交互的界面元素。 9. *...

    ExtAspNet_v2.3.2_dll

    -为空则使用默认的提示信息,默认的提示信息支持多语言,建议一般情况下使用默认信息。 +为表单字段增加MarkInvalid和GetMarkInvalidReference函数(feedback:sun1299shine)。 -增加示例:form/form_validate....

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -简单方便,示例可以参考 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)。 -...

Global site tag (gtag.js) - Google Analytics