Vue.draggable: Multiple selection and multiple drag & drop

Created on 7 Aug 2018  路  4Comments  路  Source: SortableJS/Vue.Draggable

Is there a way to implement this?

Selecting various list elements and drag them to another list

Most helpful comment

@igasparetto Why no jsFiddle for this? would have been super duper helpful.

All 4 comments

It is not suported by sortable.js nor by vue.draggable.

I almost did it...

So, in my application, on click over the draggable item, I set a property isSelected = true.

Then I have another draggable with a single button inside: Clone Selected.
This draggable has the hook clone attached, so I can return the items that are selected (isSelected === true) as an array of objects, instead of a single one.

I can't seem to find a way to catch that array "onDrop", as the data object is not in the event.

Not sure I make sense.

@igasparetto Why no jsFiddle for this? would have been super duper helpful.

As of May 2019, the "next version branch" of vue-draggable is going to support dragging of multiple elements at the same time -> https://github.com/SortableJS/Sortable/blob/next-version/README.md

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Nrqz picture Nrqz  路  3Comments

mathlet0x picture mathlet0x  路  4Comments

iou90 picture iou90  路  3Comments

Sualty picture Sualty  路  3Comments

AlexandreBonneau picture AlexandreBonneau  路  3Comments