[CLOSED] buffered grid rendering slowly

[EddieJensen]

Hi everyone :)


I am new to Ext.JS/Net and javascript and web programming in general so I have probably made lots of newbie mistakes.
I am going to include a fair bit of detail so that I don't miss anything important.
I have been trying to implement a buffered grid following these articles:

http://www.sencha.com/blog/first-loo...xt-js-4-2-grid
http://www.sencha.com/forum/showthre...rolling-in-4.1

I seem to have it up and working however it's not achieving the desired result; to improve the overall speed of rendering the grid especially when re-sizing.


The app I'm writing is in C# and using MVC, my Ext is mixed between Razor view's and raw javascript.
The design calls for a lot of windows with partial views delivering the extjs components to the window's using a window's loader object to load components.

When the window containing a grid gets a large amount of grid rows the re-size event starts to slow down, the more rows the slower it takes.
When you load some 5,000 rows into the grid the re-sized takes something like 10 seconds. the grid currently has about 10 rows but it will eventually have a lot more so this slow down will likely increase. Also when a lot of rows are loaded the entire window and all the other windows and forms loaded in the browser start to become slow to respond.

Another complication is that the grid uses client side sorting and filtering and ideally I would keep this.

The idea behind using a buffered grid is obviously to speed up the grid by caching records in pages etc etc but when I follow the article above and make the store's leadingBufferZone very large, page size = 30 and the purgePageCount 0 to fetch all the data to the client side. I am using a vertical scroller with NumberFromEdge = 10, TrailingBufferZone = 20 and LeadingBufferZone = 20.

The problem as stated is that while the grid scrolls quickly the whole page becomes sluggish and the re-size is very slow.

so, am I doing something wrong?
Is what I'm trying to do even possible at all, as in if I fetch all the data to the client side and set up the grid correctly so that it renders quickly?

My co-worker has set up a page that uses something called JQ-grid which I believe is a J-Query UI grid that does exactly what I am looking for, all ros loaded up front with client side filtering and sorting.

Is this possible and if so how?


Thanks very much!