TreeNode mouseover-event?

[Zerogiven]

Thanks this helped me a lot!

@Animal: I tried to set a mouseout event too for a node. But if i set tree.body.on('mouseout', this.onTreeMouseout) i get an error in ext-all-debug.js at line 2646 - Undefined value

The error happens when the mouseout event will fire.

greetz
Chris

[Zerogiven]

Got it! but no idea why this works:

I just copied the Mouseover Plugin and made almost the same for a Mouseout Plugin. I just changed the events written in the plugin (mouseover/mouseout). This works!
However, maybe someone can explain me why? cause i'm not realy understanding why i can't make both events in one plugin..

greetz
Chris

[surfyogi]

Hi, I'm trying to add mouseover/mouseout events to my treenodes.
Mouseover works fine, however, the mouseout event cannot be triggered.

Any ideas?

[Condor]

I would do this completely different!

TreePanel already uses node mouseover and mouseout events, so there is no need to program this yourself.

Configure your treepanel with trackMouseOver:true and override TreeNodeUI onOver and onOut to fire mouseover and mouseout events on the node.

[surfyogi]

Hi Condor, thank you for the response. I completely customized the tree, e.g. use different icons and styles for the tree node. I added trackMouseOver:true, but nothing happens when mouse over/out.
How to add more than one plugins in the config??
Thanks,

[surfyogi]

Hi Zerogiven, did you just copy mouseover code and then change over->out? I did the exact as you did, but mouseout plugin doesn't work at all.

[surfyogi]

how to oeverride onover and onout? I did not find them in api doc?? also, how to get treenode when mouseover/mouseout? there are mothods for select/click, but did not see over/out in api doc??

[surfyogi]

ok, I get it working now

[iavci]

Hello,
I'm using both DD and context menu for a tree.
When you use NodeMouseoverPlugin, context menu works only when you click on the icon of the node and DD works when you click on the link of the node. This is not preferable in my case.

Configure your treepanel with trackMouseOver:true and override TreeNodeUI onOver and onOut to fire mouseover and mouseout events on the node.

This is short and simple and solves the problem.

Ext.override(Ext.tree.TreeNodeUI, {
    onOver : function(e) {
        this.addClass('x-tree-node-over');            
        el = e.getTarget();        
        rowPos = Ext.get(el).getXY();
        console.log(this.node.id); 
    }
});