Creating duplicate icon when removing node using extension columnview

[AkibS]

I am using column view extension along with context menu.
While deleting any node creating duplicate icon at parent node. Also child nodes not removed.

$("#columnview").fancytree(
{
            extensions: ["columnview"],
            checkbox: true,
            source: {
                url: $("#columnview").data("url")
            }
 }); 


   $("#columnview").contextmenu({
            delegate: "span.fancytree-node",
            autoFocus: true,
            menu: [
                { title: "Delete", cmd: "delete", uiIcon: "ui-icon-trash", disable: true }
            ],
            select: function (event, ui) {

                var node = $.ui.fancytree.getNode(ui.target);

                switch (ui.cmd) {
                    case "delete":
                        node.remove();
                        break;
            }}
        }
);

I may have missed something. if that so could you please help to solve this.

Attaching images.

I apologize in advance.

[mar10]

Can you reproduce it here?
http://wwwendt.de/tech/fancytree/demo/#sample-ext-columnview.html

[AkibS]

Hello,

I have created video regarding steps to reproduce along with the jsfiddle example.

example used:
http://wwwendt.de/tech/fancytree/demo/#sample-ext-columnview.html

JS Fiddle:
http://jsfiddle.net/ve0txL68/

Attached video to reproduce:
Recording #2.zip

Hope this will help!

Thanks in advance.

[mar10]

Thanks, I will look into it (note however, that column view is still 'experimental' and was seemingly not much used by others so far ;-)

[AkibS]

Thank you Martin,

For reverting back and that "Column View" is very great functionality (Implementation) of fancy tree.
if only these bugs were crushed.

Thanks again!

[AkibS]

Thank Martin for your time,

But this issue which i have described in earlier post is still reproducing.

[AkibS]

Hello Martin.

I have solved this problem with quick hack.

Added CSS:

span.fancytree-exp-nl span.fancytree-title + span.fancytree-icon.fancytree-cv-right{
    display : none;
  }
  
  span.fancytree-exp-n span.fancytree-title + span.fancytree-icon.fancytree-cv-right{
    display : none;
  }

and for removing all child nodes:

`function removeAllNode(node){
        if (node.hasChildren()) {
            while (node.children != null) {
                removeAllNode(node.children[0]);
            }
        }
        node.remove();
        }`

attaching jsfiddle link for reference. hope this could help for solving actual issue.

http://jsfiddle.net/ve0txL68/2/

cheers @mar10 👍

[mar10]

Thanks for testing!

[mar10]

Seems I tested the wrong thing last time, hope it's fixed now.

[AkibS]

Thank you very much Martin!

I'll check it again.