View Full Version : Tree performance - lots of nodes

20 Feb 2013, 2:49 PM
We are nearing the completion of a major ExtJs 3.x to 4.x upgrade. For the most part we have been able to work around the gotchas in 4.x; and are really enjoying the new architecture. That said...

We use tree panels for presenting and working with most of our hierarchical data (in various ways, including custom controls). While most of these datasets are relatively small (<100 records), some are quite large (>5000 records). Using suspendLayout / resumeLayout we're able to do a node.expand(true) [recursive] on trees of up to 500 records without too much trouble. However, as the data set size increases, the system basically stops (100 seconds for 7000 records).

We're looking at all sorts of ways to mitigate this performance debacle (no other word fits since expanding the 7000 node tree took < 8 seconds in 3.x). I understand a fix is coming in 4.2 (tomorrow will always be better than today, right?), but that doesn't help us get our app out the door.

Any ideas? We're already suspending layouts. We have some decent as-you-type filtering available, but can't guarantee that it will result in small enough datasets ("a" could be in 80% of the nodes). While we will use the filtering as one prong of the the solution, there has to be some way to show an expanded tree faster, or at least in a way that doesn't cause the page to lock up for 2 minutes!

I appreciate any / all suggestions.


21 Feb 2013, 2:42 PM
You may want to have a look at:

Also .. please note that 4.2 provides a nice performance boost in the area as well.