Changing node icon to "folder" when adding child in fancyTree

Question

It seems to me that the standard behaviour in fancyTree, when adding child nodes is NOT to change the parent node to have a folder icon.

For example, see http://wwwendt.de/tech/fancytree/demo/index.html#sample-multi-ext.html and try adding a child node.

How is it possible to dynamically change the icon of the parent to a "folder" when adding a child?

I thought that I could apply renderTitle() to the parent node, but this did not do anything.

This question Dynamically change icon in fancy tree is similar, but (a) I could not get it to work, and also (b) I wanted a solution that didn't involve having to create new icons.

score 1 · Accepted Answer · answered Feb 18 '18 at 13:14

1

Folders may be empty, so this status is defined by node.folder = true (not by the fact that children are present or not). So you could set node.folder and call node.render(). Note that setting an additional class may give the same effect, but may get lost when the tree is updated.

answered Feb 18 '18 at 13:14

mar10

14,320
5
39
64

This is much neater than my solution. Thanks. – gordon613 Feb 18 '18 at 18:02

score 0 · Answer 2 · answered Feb 15 '18 at 17:03

In jquery.fancytree.edit.js I added the following line

newNode.parent.addClass("fancytree-ico-ef");

The code snippet is as follows:

newNode.makeVisible(/*{noAnimation: true}*/).done(function(){
        $(newNode[tree.statusClassPropName]).addClass("fancytree-edit-new");
        self.tree.ext.edit.relatedNode = self;
newNode.parent.addClass("fancytree-ico-ef");
        newNode.editStart();
    });

Changing node icon to "folder" when adding child in fancyTree

2 Answers2