PDA

View Full Version : TreePanel node tooltip?



bulletsoul
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') + '"');
}
}
});
},

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

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

ag_ruchi
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.