Как добавить пользовательские дочерние узлы в инициализированном fancytree

Question

У меня есть ответ json, который анализируется через js &, сделанный как ul, li теги в javascript. Затем я позвоню .fancytree, чтобы сделать эти ul li в структуру fancytree.

Теперь я требую щелкнуть значок в элементе li. Этот клик делает вызов ajax, получает ответ json. Все, что мне нужно сделать, это добавить этот DOM в существующие теги li.

Fancytree удаляет все мои пользовательские классы & создает что-то свое. В любом случае, я могу исправить свою проблему.

С уважением Sarath

Answer 1

Чтобы добавить пользовательские классы CSS, пожалуйста, используйте API из fancytree. В демо вы можете сделать два способа:

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