add - 如何在初始化的花式树上添加自定义子节点

Question

我有一个 json 响应，它通过 js 解析并在 javascript 中作为 ul,li 标签制作。然后我会调用 .fancytree 把这些 ul li 变成一个花式树结构。

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

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

问候萨拉特

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");
  }
};