如何在已启动的fancytree上添加自定义子节点

Question

我有一个json响应，通过js＆amp;解析在javascript中以ul，li标签制作。然后我会打电话给.fancytree，让这些ul li成为一个花哨的结构。

现在我要求点击li元素中的图标。此单击执行ajax调用，获取json响应。我需要做的就是将这个DOM添加到现有的li标签中。

Fancytree删除了我的所有自定义类＆amp;建立自己的东西。无论如何我可以解决我的问题。

此致 萨拉

Answer 1

要添加自定义css类，请使用fancytree的API。在演示中，您有两种方法可以实现：

$("#tree").fancytree({
  // you can use the node property 'extraClasses' like this.
  source: [
    {title: "Node 1", key: "1", extraClasses="css-class-1 css-class2"},
    {title: "Folder 2", key: "2", extraClasses="css-class-1 css-class2", folder: true, children: [
      {title: "Node 2.1", key: "3", extraClasses="css-class-1 css-class2"},
      {title: "Node 2.2", key: "4", extraClasses="css-class-1 css-class2"}
    ]}
  ],

  // or you can customize your node on the rendering.
  renderNode: function(event, data){
    var node = data.node;
    $(node.span).addClass("css-class-1 css-class2");
  }
};