Hi,
I have a form im creating in MVC3 which contains 30-40 fields and 10 small grids (the content in the page is organized through tabs). So far im just designing the page and loading the fields with dummy data. The grids are not being populated.
On IE9, when the page starts rendering (after all the scripts and css of the page are fetched) it takes 12-17 seconds to complete. Even after it has completed, the page feels clunky. eg. 2 seconds delays when I click to expand a simple combobox or when opening a DatePicker.
In chrome it's much quicker, but doesn't feel as snappy as it should be.
When I remove the grids, all those issues go away. I even tested it on a simple test page with just 3 fields and 9 grids. Same problem.
Any ideas on how I can resolve this?
Thank You
i doubt this is related to the grid data, if you aren't loading any records. the grid doesn't impose any overhead in case there aren't any records. Do you happen to have any features enabled, such as filtering/ sorting, etc?
Could you provide some sample code for one of the grid's configuration ?
Thank you,
Angel
I tested leaving only one tab (thinking of separating the content), so all the grids are gone. But the page still feels slow.
One thing, I miscalculated the controls. There were actually ~60 infragistics controls total and ~50 of them on the first tab.
I ran the F12 Profiler on IE9, and the calls to the offsetWidth property seem to be the ones causing the delays. It takes ~500ms on average to execute all the functions to open a dropdown.
In the Chrome profiler, I don't see any single function/event taking longer than 20ms to execute. The full function call process probably takes around 75ms.
since we don't have a jQuery tab as part of the NA for jQuery product, which Tab control are you using? Thanks,
Angel,
I just have a collection of <li> with some jquery to turn divs on/off. I'm not using plugins for that.
Regards,