Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multiple lists #21

Open
minedun6 opened this issue Nov 24, 2016 · 4 comments
Open

Multiple lists #21

minedun6 opened this issue Nov 24, 2016 · 4 comments

Comments

@minedun6
Copy link

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.

@mygnu
Copy link

mygnu commented Dec 12, 2016

I would love to see that, and can help testing

@minedun6
Copy link
Author

U can here's my email if you want
yuginim@gmail.com

@tarpey
Copy link

tarpey commented Mar 7, 2017

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>

@benjaminwy
Copy link

benjaminwy commented Apr 8, 2020

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>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants