title: Jstree - Add nodes to tree by user input (button click)
body: <p>I have a ASP.NET MVC 4.0 project using JsTree. The JsTree is being populated thought a model that returns a JSON. </p>
  
  <p>Now my problem is this, i have a huge tree that makes the user experience pretty bad. What i need is to load a few items (let'say 20), and have a button that when clicked by the user add's the next 20 records to the tree.</p>
  
  <p>I have been searching in Google JsTree documentation and SO, but i haven't found a example that works for me.</p>
  
  <p>Can anyone help me?</p>
  
  <p>Thanks in advanced.</p>
  
  <p>Ok, some break trought. I kind of got this working. In my view the user input call this function:</p>
  
  <p>function getNextRecords() {</p>
  
  <pre><code>var new_data = { "attr": { "ID": "999999999999", "NodeText": "999999999999" },
      "data": "999999999999",
      "children": [{
          "attr": { "ID": "ACT99", "NodeText": "969994222" },
          "data": "969994222 - PPP",
          "children": [{
              "attr": { "ID": "TRFps800", "rel": "disabled" },
              "data": "Voz com unlimited 800 fidelização até 01/11/2019",
              "state": "open"
          }],
          "state": "open"
      }], "state": "open"
  };
  
  var retDom = $.jstree._reference("#demoTree")._parse_json(new_data, -1, true);
  $("#demoTree").jstree("move_node", retDom, -1, "inside", false, false, true);
  </code></pre>
  
  <p>}</p>
  
  <p>This is working fine, expect that the parse json creates a "ul" instead of a "li" any ideas in how to change that?</p>