Extjs gridpanel performance issue with local data

Question

I am working on a grid that users may load xml file and do editing via grid panel. It works well with around 200 rows. However some users may want to load 50000 records at a time.

When I try to load a file with 10k records, firefox crashes and chrome waits too much. After some debugging I realized that rendering the data to panel requires too much time. for every new row I need to refresh the grid which requires too much time again.

One important point is, the xml file never comes to the serverside, we read it with extjs and load to the grid.

Is is possible to load whole data to store but request a certain amount of data to render the panel view?

I tried inifinite grid but cannot make it work since my data source is a string. What do you offer to manage 50k data.

Answer 1

I've had a similar issue with ExtJS in the past while trying to load very large grids. Let me just say at the outset that it's certainly not their fault - 50,000+ records is just way too much data. To get around this problem I resorted to using paging.

Have a look at their documentation for a paging toolbar.

Here is an example.

My only other suggestion would be to use an infinite grid, but write a file conversion wrapper over your XML data to convert it to JSON.