[Ext JS]treelist实现tooltip

本文介绍了如何在Ext JS的treelist组件中添加tooltip。由于treelist是轻量级组件,传统的添加方式无效。实现思路是在treelist的onMouseOver事件中动态创建全局Tip,并在鼠标移开时禁用,避免黑色区块问题。提供了实现代码示例及在线效果演示链接。

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

Ext.tree.Panel 要添加tooltip , 一般使用以下2个步骤:

  1. 初始全局快速的Tip

Ext.tip.QuickTipManager.init();

  1. 在TreeStore的数据添加qtip 属性, 类似:
    { text: '关羽', leaf: true,qtip:'字云长' }

但是在treelist中, 通过以上方式进行添加无效。原因就是treelist是轻量版的树组件, 这种类型的组件性能更好,同时功能也是有限的。

实现思路

  1. 在treelist 的onMouseOver 方法中创建一个全局的Tip。
  2. 鼠标移动上去的时候显示
  3. 鼠标移开的时候禁用(如果不禁用,则会出现一个黑色的小区块)。
  4. 注意, Tooltip 的显示和隐藏使用setDisabled() 方法, 使用hide()和show() 不能解决黑色区块问题。
  5. 因为treelist 的 onMouseOver 是私有的, 所以如果是定义一个新的类型,则需要定义在 privates 中; 如果是定义一个treelist的对象,则可以直接覆写onMouseOver 。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值