View Full Version : TreePanel node tooltip?

16 Feb 2012, 2:30 AM
I have this class for a menu/navigation function that extends Ext.tree.Panel. The items on the menu are the tree nodes and I am having a hard time to have each menu item's tooltip to appear.

I have set up an itemmouseenter listener but I'm not really sure if I'm doing it right. Here's the snippet:

itemmouseenter: function(view, rec, item, index, e, eOpts){
view.tip = Ext.create('Ext.tip.Tooltip', {
target: view.el,
delegate: view.itemSelector,
trackMouse: true,
renderTo: Ext.getBody(),
listeners: {
beforeshow: function updateTipBody(tip) {
tip.update('Over"' + view.getRecord(tip.triggerElement).get('name') + '"');

16 Feb 2012, 5:21 AM
Have you tried setting the qtip property on the node?

16 Feb 2012, 6:28 PM
Thanks Mitchell! qtip worked like a charm! :)

25 Nov 2012, 8:21 PM
Please help with an example of how to set the qtip property of each node in the treepanel. I need to set the tooltip on mouseover of each node. Thanks in advance.

15 Apr 2018, 10:07 AM
I know this is an old thread, but just in case someone is looking at this topic, I created a plugin for treepanel that shows tooltip only on node text that is ellipsis