Double tree partial layout

@zekelynch wrote:

Hello!

Again, it is about the double tree layout…

We try to modify the tree layout dynamically(after the layout has been set): we need to remove some nodes and then partially re-layout the nodes into tree structure.

We somehow managed to do that using remove(), commitTransaction(), doubleTreeLayout(). Here’s the code:

data.forEach(v=>{
        let node = this.myDiagram.findNodeForKey(v.key)
        if(!v.check){
          if(node){
            this.myDiagram.remove(node);
            this.myDiagram.commitTransaction("deleted node");
          }
        }else{
          if(!node){
            this.myDiagram.model.addNodeData(v);
          }
          console.log('changeLinkData==>>>',node)
        }
      })
this.doubleTreeLayout(this.myDiagram);

However, the line connections were acting weird after the actions. These are some photo to visualize the problem:
1)

20190724-162339(eSpace).png1408×579 35.2 KB

2)

20190724-162345(eSpace).png1405×577 38 KB

]
3)

20190724-162350(eSpace).png1412×577 23.1 KB

So, is there anyway we could fix the lines problem? Also, we lost the animation when we try to re-layout the nodes.

Thank you very much for helping us!

Posts: 1

Participants: 1

Read full topic