在Fancytree中使用XML数据而不是JSON数据

Question

有人试过这个，我的意思是有人为此已经为第三方/扩展或补丁？ ajax XHR对象支持读取XML数据，但我猜Fancytree需要一些更改或扩展来支持这种格式？

Answer 1

您可以在postProcess事件中解析和转换XML响应。

举个例子，假设这个XML格式：

<children> 
    <node> 
     <title> Node 1</title> 
    </node> 
    <node folder="true" expanded="true" key="42"> 
     <title> Node 2 (expanded folder)</title> 
     <children> 
      <node> 
       <title> Node 2.1</title> 
      </node> 
      <node> 
       <title> Node 2.2</title> 
      </node> 
     </children> 
    </node> 
</children> 

树可以转换，像这样的Ajax响应：

$("#tree").fancytree({ 
    source: { url: "ajax-tree.xml", dataType: "xml" }, 
    lazyLoad: function(event, data) { 
     data.result = { url: "ajax-sub.xml", dataType: "xml" }; 
    }, 
    postProcess: function(event, data) { 
     // Convert the xml responses to a Fancytree NodeData list. 
     // data.response is a `#document` root, so we get the outer 
     // `<children>` element: 
     data.result = parseFancytreeXml($(">children", data.response)); 
    } 
}); 

最后丢失的样本格式转换器：

/** Return a list of NodeData objects, assuming $xml points to a list of nodes. 
*/ 
function parseFancytreeXml($xml) { 
    var children = []; 

    $xml.children("node").each(function() { 
     var $node = $(this), 
      subnodes = $node.children("children"); 

     // Create Fancytree NodeData object from <node> element 
     children.push({ 
      title: $node.children("title").text(), 
      expanded: $node.attr("expanded"), 
      folder: $node.attr("folder"), 
      key: $node.attr("key"), 
      lazy: $node.attr("lazy"), 
      children: subnodes.length ? parseFancytreeXml(subnodes) : null 
     }); 
    }); 
    return children; 
}