Results 1 to 2 of 2

Thread: TreeGrid Panel is very slow when no of nodes is large

  1. #1
    Sencha User
    Join Date
    May 2010
    Vote Rating

    Default TreeGrid Panel is very slow when no of nodes is large

    Hi Guys,

    I have some performance issue when using TreeGrid rendering large data / tree node ( eg : > 1000 ).

    I create a solution as below to render n no of records at a time
    1. display 200 nodes at a time
    2. on 201 row show "show more link"
    3. once user click that , it will fire another call to server to fetch row 201-400.
    4. when the data returned. i loop through the record and add to the parent node of the tree node that is clicked as follow
    eg :
             var parentNode = node.parentNode;       
            for(var i=0; i < jsonResponseArr.length ; i++){
                          var nodeAttr = jsonResponseArr[i];
                          var node = treeLoader.createNode(nodeAttr);
    I notice step no 4 taking 10-20 seconds to load the whole node ( max to 200 nodes per fetch ) and cause the browser to temporarily hangs.

    It seems to me that the treenode is generating too much DOM tree and causing the slowness.

    Any idea how to fix this ? can i spawn background thread to render n no of rows simultaneously ?
    I have tried using DelayedTask to process rendering 20 rows at a time but still when the function is executed it caused the browser to hang

    Thanks in advance

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    This got me thinking if it would be a good ui to have a node (non leaf) for each page...

    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2

    Think my support is good? Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts