0

I have a JavaScript application which opens an ExtJS Window, containing an ExtJS TabPanel, which has a tab containing a Data Grid, showing approximately 900 - 1000 rows, each with 7 columns of text fields. The grid may also be filtered to show about 100 rows at a time. When the window opens, navigating to this tab can cause Firefox or Safari to spin/lock up for over 60 seconds...

This is Ext 2.2

I know it's very hard to say without code... but without seeing code, my question is: Should ExtJS be capable of displaying a grid of so much data? In trying to optimize should I be looking at my code, or is ExtJS itself the problem? Is anyone using ExtJs to display such large grids?

3 Answers 3

1

ExtJS itself can handle that many rows - we have a grid that we've capped at 1000 rows on the server, but the page renders with no problems - certainly not taking 60 seconds.

Some other questions:

  • Are you sending the data in XML or JSON format? We're using JSON loading it directly into a JsonStore.
  • Are you doing any processing of the data before it's rendered?
  • What specific grid class are you using?
1
  • It was hard to choose between your answer and ChssPly76's -- I haven't tracked down this issue yet but it must be some sort of processing we're doing to the data. Thanks!
    – Josh
    Oct 26, 2009 at 16:06
1

I'm not doing it within Window/TabPanel (grid is shown directly within main page body) but I doubt that matters. Yes, Ext 2.2 should and does handle 1000 rows reasonably well (there's some delay, but it's certainly not 60 seconds).

Things to consider:

  1. How are you reading the data? Does it take 60 seconds to actually render the data or is significant part of it taken by data loading?
  2. Can you paginate in, say, increments of 100? Or, if not, lazy load?
  3. Is there anything else happening on this page perhaps that results in this delay?
1
  • Oh, and setting the default DataStore filter to 100 rows doesn't make this any faster, so it's probably a bug in my code...
    – Josh
    Oct 23, 2009 at 21:49
1

Not sure as I have not used it myself but I did come across this when looking at grid components myself.

Buffer ExtJS Grid

Can you also limit pages to rendering fewer rows? or is there a need to have 1000 per page (quite a lot for users to look at). You might find for example 250 more usable and more efficent at the same time?

1
  • 1
    The buffered grid is only available in ExtJS 3.0+ Oct 24, 2009 at 3:43

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.