Hello all,
Have a quick question about the rendering of the rad grid specifically in internet explorer 6-7. Whenever EnableRowHoverStyle is on there seems to be a latency in IE whenever there are 30 or more items in the grid. When in firefox 2.0+ this seems to be non issue where the hover style is instant. I'm guessing this is the way IE renders the info.
For a quick test I created a simple grid with 10k items. After full render in IE; the cpu would spike every time I hovered over a row. Even though there were no styles or javascript associated with this control. In firefox, again, there was nothing. Does IE magically throw events on items even when there are none assigned to them? Any comments or suggestions would be very helpful. Thank you for your time.
Have a quick question about the rendering of the rad grid specifically in internet explorer 6-7. Whenever EnableRowHoverStyle is on there seems to be a latency in IE whenever there are 30 or more items in the grid. When in firefox 2.0+ this seems to be non issue where the hover style is instant. I'm guessing this is the way IE renders the info.
For a quick test I created a simple grid with 10k items. After full render in IE; the cpu would spike every time I hovered over a row. Even though there were no styles or javascript associated with this control. In firefox, again, there was nothing. Does IE magically throw events on items even when there are none assigned to them? Any comments or suggestions would be very helpful. Thank you for your time.
11 Answers, 1 is accepted
0
Hi Peter,
This is certainly an IE issue concerned with handling DOM events. Every browser throws a lot of mouse and key events through the interaction of the user with the page. It seems IE 6 has issues responding fast to these events, the result of which is the delay you are getting in the layout change.
Greetings,
Veli
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
This is certainly an IE issue concerned with handling DOM events. Every browser throws a lot of mouse and key events through the interaction of the user with the page. It seems IE 6 has issues responding fast to these events, the result of which is the delay you are getting in the layout change.
Greetings,
Veli
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Peter
Top achievements
Rank 1
Rank 1
answered on 07 Aug 2008, 01:09 PM
Thank you for your reply.
FYI. This does also happen in IE7. Is any one else experiencing anything like this? It seems like there is just a slight delay for a simple background color change.
Am I correct in assuming that when enablegridhoverstyle is set to true telerik changes the class of the currently hovered row? If this is the case I imagine that it's a delay in IE in regards to javascript and not an html rendering issue. Any suggestions to speed this up?
I'm guessing that changing .GridRowOver_SkinName and disabling gridhoverstyle to .GridRow_SkinName:hover will speed things up. Comments or suggestions will be helpful. Thanks for your time.
Edit: Tried the above change. Still have a latency :(. I'm out of guesses. It reminds me of the trailing mouse cursor that was all the rage back in '95.
FYI. This does also happen in IE7. Is any one else experiencing anything like this? It seems like there is just a slight delay for a simple background color change.
Am I correct in assuming that when enablegridhoverstyle is set to true telerik changes the class of the currently hovered row? If this is the case I imagine that it's a delay in IE in regards to javascript and not an html rendering issue. Any suggestions to speed this up?
I'm guessing that changing .GridRowOver_SkinName and disabling gridhoverstyle to .GridRow_SkinName:hover will speed things up. Comments or suggestions will be helpful. Thanks for your time.
Edit: Tried the above change. Still have a latency :(. I'm out of guesses. It reminds me of the trailing mouse cursor that was all the rage back in '95.
0
Hi Peter,
You are right - IE is slow in handling hover events, as well as javascript.
Regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
You are right - IE is slow in handling hover events, as well as javascript.
Regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
peter
Top achievements
Rank 1
Rank 1
answered on 22 Aug 2008, 11:27 AM
I have the same problem. But I guess this happens in connection to some other issue on the page, because if I test the grid on a simple page, it works more or less fine in regard to this issue, but on my complex page it's slow.
Any suggestions or solutions?
Regards, Peter
Any suggestions or solutions?
Regards, Peter
0
Hi Peter,
I am not sure if you will be able (and willing) to change anything on your complex page, but anyway, you can check whether moving RadGrid to a more upper level in the web page DOM hierarchy matters, and also, experiment with adding/removing the other javascript-rich controls on the page to see which ones take up most of the browser/PC resources.
Kind regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
I am not sure if you will be able (and willing) to change anything on your complex page, but anyway, you can check whether moving RadGrid to a more upper level in the web page DOM hierarchy matters, and also, experiment with adding/removing the other javascript-rich controls on the page to see which ones take up most of the browser/PC resources.
Kind regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
peter
Top achievements
Rank 1
Rank 1
answered on 28 Aug 2008, 01:05 PM
In the end I've tried a static html page with only one table with 50 rows and 15 columns and IE couldn't handle a simple tr:hover { background-color... }. peter
0
Hello Peter,
Thanks for sharing your testing experience. Unfortunately, this is how it goes for the time being.
Greetings,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Thanks for sharing your testing experience. Unfortunately, this is how it goes for the time being.
Greetings,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Peter
Top achievements
Rank 1
Rank 1
answered on 28 Aug 2008, 01:39 PM
Oh yeah. IE 6 or 7 seems to fall flat on it's face when you hover using both:
CSS only Hover using .cssclass :hover { }
and javascript change classes ( ie rad grid etc. ).
Open up your task manager on the performance tab with your test page in both firefox( 2 or 3 ) and ie( any version ) and watch the cpu spike on roll overs. It's ridiculous.
CSS only Hover using .cssclass :hover { }
and javascript change classes ( ie rad grid etc. ).
Open up your task manager on the performance tab with your test page in both firefox( 2 or 3 ) and ie( any version ) and watch the cpu spike on roll overs. It's ridiculous.
0
Rogerick
Top achievements
Rank 1
Rank 1
answered on 09 Jul 2009, 05:51 PM
Has this been fixed in AJAX ASP.NET 2009 Q1?
Thanks a bunch!
Thanks a bunch!
0
Peter
Top achievements
Rank 1
Rank 1
answered on 09 Jul 2009, 05:56 PM
Doubtful. The grid is a complex mechanism with a decent amount of html. I would suggest creating a simple static page with a radgrid with dummy data.
It's just plain a lot of html going to the browser. I imagine a better fix would be to switch to IE8 ;).
-Peter
It's just plain a lot of html going to the browser. I imagine a better fix would be to switch to IE8 ;).
-Peter
0
Hello,
We recently optimized the RadGrid javascript with regard to this problem, however, the performance in IE is still quite behing, compared to other browsers.
Sincerely yours,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
We recently optimized the RadGrid javascript with regard to this problem, however, the performance in IE is still quite behing, compared to other browsers.
Sincerely yours,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.