Drag and Drop

enableDragDrop

Enabling Drag and drop you can move a node over another to change its parent.

 
    Copy code
    enableDragDrop: true,   

In the example bellow drag and drop one of the nodes to see how it works

Edit in BALKAN Code

Drag and Drop Events

 
    Copy code
chart.onDrop((args) => {
    if (args.dragId == 1){
        return false;
    }

    if (args.dropId == 4){
        return false;
    }
});

Movable

Using the movable option, you can move a node to change its position in the tree without changing the data structure. You have 3 options:

            Copy code
    movable: OrgChart.movable.node, // moves the node
    // movable: OrgChart.movable.tree, // moves a node with the tree below
    // movable: OrgChart.movable.detachTree, // detaches the tree
        

Edit in BALKAN Code