Hello,
i have performance problem. When grid height, width is set on 100% browser takes to much of CPU, which could be problem on some low power computer. It's happening on all browsers. The worst performance is in my case is on IE (I have IE10, page is running in IE8 compatibility mode), but my colleague had worst experience with Chrome.
The problem disappears when height and width is set on fix size.
Is there any option how to fix this problem and keep width and height on 100% ? Thank you.
Best regards,
Martin Zagora
Hi Martin,
Thank you for posting in our forums. I wasn’t able to reproduce the behavior that you’re describing. Could you please provide me with more detailed information about your case such as number of columns and rows, features that are enabled, the Ignite UI version and jQuery and jQuery UI versions? Or if you could just send me a sample project that demonstrates the behavior will be great.
I’m looking forward to your replay.
Kind regards,
Petko Zhekov
Software Engineer
Thank you for your care of my issue. I simplified my project as much as possible and here is the result
https://dl.dropboxusercontent.com/u/556367/ErrorAnalysis.zip
It takes about 2-5% of performance of CPU in IE10 on my computer, even the grid is completely empty and IE window is not visible on the screen. So it could be about 20-30% on older computers, which is really bad.
Thank you.
What did I do wrongly?
I'm using the latest version of IG Ignite.
Thanks
Martin
Thank you for the screenshot. I think you forgot the dollar sign in the beginning of row #354.
I set timer on 5000, but it has no effect to the fact how often _resizeCopntainer is calling.
Profiling was running around 10 seconds.
Would it be possible to call this function from my own script instead of calling it automatically?
Hello Martin,
You can change the resizeTimeout variable with the following code which should be executed before you create the grid. Please note that this will affect all of the grids created on the page after this code is executed.
$.ui.igGrid.prototype.resizeTimeout = 5000;
// Initialize grid
$("#grid").igGrid({/*options*/});
Best regards,Martin PavlovInfragistics, Inc.
It works. Thank you very much Martin!
Kings regards,