Extjs4中为组件添加tip

原创于 2012-04-20 17:51:40 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #html

Extjs4 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在ExtJS框架中为不支持内置toolTip属性的组件添加自定义提示框的方法。通过监听afterrender事件并利用Ext.tip.ToolTip组件，可以灵活地为任意组件添加提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有此组件可以通过设置toolTip的配置来显示tip,有些没有这些配置的可以用下面的方式

实现方式是在组件渲染的时候，监听render事件，如本例子中在formpanel的items中添加如下radio,

{
						boxLabel  : '作为目录',
						xtype:'radiofield',
						name      : 'property',
						inputValue: '3',
						id        : 'radio3',
						listeners:{
							afterrender:function(obj){
								obj.tip=Ext.create('Ext.tip.ToolTip',{
									target:obj.getEl().getAttribute("id"),
									trackMouse:true,
									renderTo: Ext.getBody(),
									html:'这边是tip,要显示什么自己写吧，。',
								});
							}
						}
					}