Set a max level child about vue-draggable-nested-tree HOT 7 CLOSED

Hi @phphe

I have two Trees with cross-tree enabled, and I would like one flat, not the other.

I tried to limit depth to 1 on one of the tree with your code but it doesn't work in this context :
from the behavior it seems the depth limit property is applied to each node instead of being applied to each tree.

I think a real and easy to use tree prop would be more than welcome !

I will think about it

from vue-draggable-nested-tree.

@kevindesousa I published 2.0.0. I added 2 hooks isNodeDraggable, isNodeDroppable. You can use isNodeDroppable do that. Please check the demo: https://codepen.io/phphe/pen/KRapQm. The fourth tree meets your requirements.

from vue-draggable-nested-tree.

@phphe I'm afraid there is some more work to do, it's possible to exceed the limit by dragging an item with children into another item.

from vue-draggable-nested-tree.

@sdebacker You are right. I havn't any solution now.

from vue-draggable-nested-tree.

@sdebacker @kevindesousa check 2.1.1
example https://github.com/phphe/vue-draggable-nested-tree/blob/master/src/examples/MaxLevel.vue

from vue-draggable-nested-tree.

Codepen of MaxLevel.vue for quick overview.

from vue-draggable-nested-tree.

Hi @phphe

I have two Trees with cross-tree enabled, and I would like one flat, not the other.

I tried to limit depth to 1 on one of the tree with your code but it doesn't work in this context :
from the behavior it seems the depth limit property is applied to each node instead of being applied to each tree.

I think a real and easy to use tree prop would be more than welcome !

from vue-draggable-nested-tree.