title: How to generate json after drag and drop using fancy tree js?
body: <p>I am using FancyTree js for maintaining my user level structure. But I cannot get the whole json after submitting a button. Here is my code:</p>
  
  <pre><code>    &lt;script&gt;
  $("#user_tree").fancytree({
              extensions: ["dnd"],
              source: {
                url: "/assets/json/ajax-tree-fs.json"
              },
              dnd: {
                autoExpandMS: 400,
                focusOnClick: true,
                preventVoidMoves: true, // Prevent dropping nodes 'before self', etc.
                preventRecursiveMoves: true, // Prevent dropping nodes on own descendants
                dragStart: function(node, data) {
  
                  return true;
                },
                dragEnter: function(node, data) {
  
                   return true;
                },
                dragDrop: function(node, data) {
                  data.otherNode.moveTo(node, data.hitMode);
                }
              },
              activate: function(event, data) {
  
              },
              lazyLoad: function(event, data) {
                data.result = {url: "/assets/json/ajax-sub2.json"}
              }
            });
  &lt;/script&gt;
  &lt;input type="button" class="submit_user" /&gt;
  </code></pre>
  
  <p>Everything is working fine. But, when I try to get the generated elements after drag and drop like this, it is not working.</p>
  
  <pre><code>$(document.body).on('click','.submit_user',function(){
  
          console.log($("#user_tree").fancytree("getTree").data);
  
  
        });
  </code></pre>
  
  <p>I tried this from the following link: </p>
  
  <pre><code>http://wwwendt.de/tech/fancytree/demo/#sample-multi-ext.html
  </code></pre>