title: jsTree: progressive_render with ajax / render nodes from an array
body: <p>This is regarding the <a href="http://www.jstree.com/" rel="noreferrer">jsTree jQuery plugin</a>. I've been struggling with this for a while now only to realise it's
  not (natively) possible to do, so I thought about the following solution to my problem below (which doesn't work).</p>
  
  <p>I have a tree that uses the json_data plugin with ajax. Once you open
  a specific node the result from the server is an array of over 1000
  json nodes. The response is pretty fast but the rendering itself takes
  a while (the user experience is that he gets the annoying "script not
  responding - stop script / continue" message.</p>
  
  <p>The solution I thought about was limiting the results sent back from
  the server to a smaller number (say 200) and using some "show more"
  label (or using the jQuery scroll event) to fetch the next 200.
  However, using the jstree.create on each of those nodes appears to be
  very slow.
  I then noticed this thread <a href="http://groups.google.com/group/jstree/browse_thread/thread/e5fc6895d9c16920?fwc=2" rel="noreferrer">on the jsTree google group</a>
  in which Ivan suggest it's possible to create all nodes at once using
  the parse_json function - this doesn't work for me.</p>
  
  <p>A short code snippet of what I'm trying to do:
  (when clicking the "show more" label):</p>
  
  <pre><code>$.ajax({
     // send data to server in order to get the relevant json back
     }(),
     success : function (r) {
             var parent_node = data.inst._get_parent(data.rslt.obj);
             var id = parent_node.attr("id");
             $("#root_tree").jstree("_parse_json", r, parent_node );
             $("#root_tree").jstree("clean_node", parent_node, false);
             }
     });
  </code></pre>
  
  <p>The above example doesn't render the json and adds the children to the
  parent node.</p>
  
  <p>I would highly appreciate any other approach or if anyone could point
  out what am I doing wrong.
  Again, using:</p>
  
  <pre><code>$.each(r, function(i, node) {
         var id = parent_node.attr("id");
         $("#root_tree").jstree("create", "#"+id, "last", node, false, true);
  });
  </code></pre>
  
  <p>Does work, but very very slowly (slower than rendering all 1000 nodes
  together).</p>
  
  <p>Thanks</p>