如何使用花式樹js拖放後生成json？

Question

我正在使用FancyTree js來維護我的用戶級別結構。但是在提交按鈕後我無法獲得整個json。這裏是我的代碼：

<script> 
$("#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"} 
      } 
      }); 
</script> 
<input type="button" class="submit_user" /> 

一切工作正常。但是，當我嘗試像這樣拖放之後獲取生成的元素時，它不起作用。

$(document.body).on('click','.submit_user',function(){ 

     console.log($("#user_tree").fancytree("getTree").data); 


     }); 

我想這從以下鏈接：

http://wwwendt.de/tech/fancytree/demo/#sample-multi-ext.html 

Answer 1

您可以檢索樹作爲嵌套對象的名單，像這樣：

var tree = $("#tree").fancytree("getTree"); 
data = tree.toDict() 

看到這裏的細節：http://www.wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree.html#toDict