Keep depth of nodes while dragging

[Seiichi-Yahiro]

Is there a way to keep nodes at a certain depth while dragging?

We defined 3 types of nodes in our application, and every node always needs to be on the same depth.
We basically have sth like this:

• Containers (depth 0)
• Videos (depth 1)
• Extra items related to the Video (depth 2)

What I basically need is a way to predefine the depth of any node in the treeData.
Currently we use the canDrop function to show that this item cannot be dropped at a different level, but it is kind of annoying to always move the mouse exactly to the correct depth as we have to add a lot of items to our tree.

[mhxahji]

Hi, I did a solution for keep nodes in the same level while dragging.
On the declaration of the component you can write:

onChange={treeData => {}}
onVisibilityToggle={({treeData}) => this.setState({treeData})}
onMoveNode={({treeData, prevPath, nextPath}) => {
      if (prevPath.length === nextPath.length)
        this.setState({ treeData });
      else
        this.forceUpdate();
    }
  }

I hope it helps.