使用花式树js拖放后如何生成json？答案

【问题标题】：How to generate json after drag and drop using fancy tree js?使用花式树js拖放后如何生成json？
【发布时间】：2015-01-01 00:10:12
【问题描述】：

我正在使用 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

【问题讨论】：

标签： javascript html json fancytree

【解决方案1】：

您可以像这样将树检索为嵌套对象列表：

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

详情请看这里：http://www.wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree.html#toDict

【讨论】：