vue-sortable

vue-sortable copied to clipboard

Is it possible to use multiple lists, I need to do something like what Trello provides, I'm building a Kanban board and I need to move items between lists.

I would love to see that, and can help testing

U can here's my email if you want [email protected]

I managed to get it working with this:

<ul v-sortable="{ group: { name: 'list-a', put: ['list-a', 'list-b'] } }"> <li class="list-group-item>One</li> <li class="list-group-item>Two</li> <li class="list-group-item>Three</li> </ul>

<ul v-sortable="{ group: { name: 'list-b', put: ['list-a', 'list-b'] } }"> <li class="list-group-item>Four</li> <li class="list-group-item>Five</li> <li class="list-group-item>Six</li> </ul>

According to the SortableJS group option documentation, the generic way to set this up is to give your lists the same group name and set pull and put to true.

<ul v-sortable="{ group: { name: 'list', pull: true, put: true } }">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

<ul v-sortable="{ group: { name: 'list', pull: true, put: true } }">
    <li>Four</li>
    <li>Five</li>
    <li>Six</li>
</ul>