Dynatree slow when dynamically loaded with 100+ nodes

Question

How do I speed it up?

I get the results from JSON web service (lightning fast). Adding nodes to the tree using

something like

parentNode.addChild({
        key: key,
        title: value,
        addClass: cssClass
    });

Unfortunately, a tree with 100+ elements takes 1.5 minutes to load. I am disappointed...is it not made to be used with that many nodes? Anything I can do at this point aside from switching to another component?

Thanks!

Answer 1

Looks like there is an example of lazy loading the tree. Might try that out: http://wwwendt.de/tech/dynatree/doc/samples.html

Answer 2

This benchmark shows that it is loads pretty fast: http://wwwendt.de/tech/dynatree/doc/test-bench.html (Theres always room for improvement though...)

Your problem might be, that you load and add the nodes seperately? In this case the tree is also rendered 100+ times, and that is slow indeed.

Have a look at the sample, to see how load a batch of nodes with one call: http://wwwendt.de/tech/dynatree/doc/sample-lazy.html