Is it possible to clone an item on drag? [supported in new repo: he-tree-vue] about vue-draggable-nested-tree HOT 9 CLOSED

no, it doesn't support this case.

from vue-draggable-nested-tree.

I got it.

Firstly, you need fix the #38

Then add information about target in drop event (DraggableTreeNode.vue), appendTo and targetTree:

      drop: (e, opt, store) => {
        const draggableHelperInfo = {
          event: e, options: opt, store,
          appendTo: dplh._vm.$parent.data,
          targetTree: dplh._vm.store
        }

And just hook ondragend in your code, return false and push pure copy of element into target:

  ondragend(node, draggableHelperInfo) {

    if(!draggableHelperInfo.appendTo.hasOwnProperty('children')) 
      draggableHelperInfo.appendTo['children']=[];
    
    draggableHelperInfo.appendTo.children.push(draggableHelperInfo.targetTree.pure(node, true));

    return false;
  }

i realize that in FlameArtLab@a11ff52

This solution visually worse, than clone in Nested Sortable for jquery, and it only append, but it worked good and you can use insertAfter\Before in ur code for precise positioning

from vue-draggable-nested-tree.

I think ondragstart is better for clone. The feature will make it more complex. I may add it in the future.

from vue-draggable-nested-tree.

so now in version 2.2.17 ,how can i clone node and drag?

from vue-draggable-nested-tree.

still not support

from vue-draggable-nested-tree.

so now in version 2.2.17 ,how can i clone node and drag?

still not support

from vue-draggable-nested-tree.

Hi!
still not support?

from vue-draggable-nested-tree.

This is supported in new repo: he-tree-vue https://he-tree-vue.phphe.com/api.html#clonewhendrag
vue-draggable-nested-tree don't support this, and it is no longer be maintained

from vue-draggable-nested-tree.

Well thank you!

from vue-draggable-nested-tree.