PDA

View Full Version : Grid trackMouseOver and other hover effects taking too much processor



Air_Mike
29 Oct 2009, 6:22 AM
Hi,

does anybody knows why trackMouseOver property on GridPanel takes so much processor.
On IE8 this action is very slow and takes up to 56% processor power and on FF its about 26%.

Can this be solved some how?

P.S. Computer I'm talking about is dual core with 2GB RAM

Not only trackMouseOver on GridPanel is acting this way, but every mouse over effect.

Thank You,

emredagli
3 Mar 2010, 10:02 PM
I have the same problem...
I also use rowactions and cell actions plugins on the grid.
And my boss want me the solve this. But how....

Is there a way to speed up ExtJS on IE (especially IE8)?

Or is there some key point to speed up while coding javascript.

Thanks a lot.

Animal
3 Mar 2010, 10:12 PM
Hi,

does anybody knows why trackMouseOver property on GridPanel takes so much processor.
On IE8 this action is very slow and takes up to 56% processor power and on FF its about 26%.

Can this be solved some how?

P.S. Computer I'm talking about is dual core with 2GB RAM

Not only trackMouseOver on GridPanel is acting this way, but every mouse over effect.

Thank You,

Does it also do that if you completely disable Firebug? Not close the Firebug pane, but click "Disable all Panels".

emredagli
3 Mar 2010, 10:44 PM
Dear Animal I disable firebug panels, closing firebug and test it.
Again FF have no such a speed problem.

But in IE8 have latency about (1 or 2 sec.) especially mouse events (mouseover and click), such as trackmouseover.
I am downloading dynatrace to see what is going on in IE.

http://ajax.dynatrace.com/pages/download/download.aspx

Thanks for your concern.

(*) I notice that in IE8 trackmouseover event slows down grids on Ext.Window twice...

emredagli
3 Mar 2010, 11:39 PM
Dear Animal when I use your "view all observable events" bookmarklets, I see 10 events log for only mouse overing a grid cell (I only mouse overing from firebug pane to a grid cell directly, please look at the attachment).

I am sure we gonna dropping some of them.

Animal
4 Mar 2010, 12:52 AM
Looks like you are using a plugin.

I'd start by examining that. Seems like it's firing the mouseover twice, and then showing and hiding something (a tooltip) which fires off its show/hide events.

emredagli
4 Mar 2010, 2:04 AM
You are right Animal,
I am using Mr. Saki cell actions plugin and right side actions are row actions plugin.
And I specify its tooltip properties nothing more.
This event log list is taken when I move the mouse over linked text's on the grid. (on the left most part of the grid, I had scratched out these on the image) (Only 2 cells are traced on the same column)


Ext fired event mouseover with the following arguments
[Object browserEvent=Event mouseover button=0, a javascript...tion('44'), Object]
Ext fired event mouseover with the following arguments
[Object browserEvent=Event mouseover button=0, a javascript...tion('44'), Object]
Ext fired event mouseout with the following arguments
[Object browserEvent=Event mouseout button=0 type=mouseout, a javascript...tion('44'), Object]
Ext fired event mouseout with the following arguments
[Object browserEvent=Event mouseout button=0 type=mouseout, a javascript...tion('44'), Object]
Ext fired event mouseover with the following arguments
[Object browserEvent=Event mouseover button=0, div.x-grid3-cell-inner, Object]
Ext fired event mouseover with the following arguments
[Object browserEvent=Event mouseover button=0, div.x-grid3-cell-inner, Object]
Ext fired event mouseout with the following arguments
[Object browserEvent=Event mouseout button=0 type=mouseout, div.x-grid3-cell-inner, Object]
Ext fired event mouseout with the following arguments
[Object browserEvent=Event mouseout button=0 type=mouseout, div.x-grid3-cell-inner, Object]
Ext fired event mouseover with the following arguments
[Object browserEvent=Event mouseover button=0, div.x-grid3-row, Object]
Ext fired event mouseover with the following arguments
[Object browserEvent=Event mouseover button=0, div.x-grid3-row, Object]
Ext fired event mouseout with the following arguments
[Object browserEvent=Event mouseout button=0 type=mouseout, div.x-grid3-row, Object]
Ext fired event mouseout with the following arguments
[Object browserEvent=Event mouseout button=0 type=mouseout, div.x-grid3-row, Object]
Ext fired event mouseover with the following arguments
[Object browserEvent=Event mouseover button=0, div.x-grid3-cell-inner, Object]
Ext fired event mouseover with the following arguments
[Object browserEvent=Event mouseover button=0, div.x-grid3-cell-inner, Object]
Ext fired event mouseout with the following arguments
[Object browserEvent=Event mouseout button=0 type=mouseout, div.x-grid3-cell-inner, Object]
Ext fired event mouseout with the following arguments
[Object browserEvent=Event mouseout button=0 type=mouseout, div.x-grid3-cell-inner, Object]

emredagli
5 Mar 2010, 4:59 AM
Hii Animal,
Do you have time to look at this problem?
Actually we only need to show trackmouseover on the grid, (I may change ext:qtip's to title in plugins)

Thank you much.

Animal
5 Mar 2010, 5:41 AM
Hii Animal,
Do you have time to look at this problem?


Sorry, no. And I've no idea what to look at anyway.

What are you doing? What are you using? What effect are you trying for?

If its just tooltips you want, use a ToolTip with a delegate configured.