Mouseover event on a panel

[lee el]

Hi,

I am trying to capture a mouseover event on a panel.
my panel has an image on one side and a label on the other side (Hbox layout).
my code is as follows:
....

items: [                            {
                                xtype: 'image',
                                src: 'resources/ext/resources/css/images/mostActivePanel/ma_lines.png'
                            },
                            {
                                xtype: 'label',
                                forId: 'myFieldId',
                                text: 'Lines',
                                margin: '0 0 0 10'
                            }
                            ],
                             listeners: {
                                 element: 'body',
                                mouseover:function(e,t,eOpt) {
                                            console.log('mouseover was called'); 
                                                  }

The problem I see is when the mouse is moving over the panel the mouse over method is called but when I continue to move on the panel itself to the image I get another call to the method.(same for label).

what I am trying to achieve is that the method will be called only once when the mouse is over the panel no matter where and to avoid getting multiple calls to the method when the mouse moves on items of the panel

thanks for your help,
Lee

[sword-it]

Hi lee,

Try this thread-
http://www.sencha.com/forum/showthre...ering-on-panel

[skirtle]

I think you may be looking for mouseenter rather than mouseover.

[lee el]

Hi,

Changing to mouseover to mouseenter solved the problem!

thanks for the help,
Lee