Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Connecting Multiple Lists | Advanced Drag and Drop for Multi List and Kanban Boards
SortableJS Drag and Drop Interfaces with JavaScript

bookConnecting Multiple Lists

To create advanced drag-and-drop experiences like kanban boards or task managers, you often need to allow users to move items between multiple lists. SortableJS provides a powerful feature for this scenario: the 'group' option. By using the group setting when initializing SortableJS on each list, you can connect them and enable cross-list dragging. When two or more lists share the same group value, items can be dragged from one list and dropped into another. This approach makes it easy to organize workflows, sort tasks, or manage collections across different categories or columns.

index.html

index.html

style.css

style.css

copy
question mark

What is the main purpose of the 'group' option in SortableJS as described in the explanation?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 1

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

bookConnecting Multiple Lists

Desliza para mostrar el menú

To create advanced drag-and-drop experiences like kanban boards or task managers, you often need to allow users to move items between multiple lists. SortableJS provides a powerful feature for this scenario: the 'group' option. By using the group setting when initializing SortableJS on each list, you can connect them and enable cross-list dragging. When two or more lists share the same group value, items can be dragged from one list and dropped into another. This approach makes it easy to organize workflows, sort tasks, or manage collections across different categories or columns.

index.html

index.html

style.css

style.css

copy
question mark

What is the main purpose of the 'group' option in SortableJS as described in the explanation?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 1
some-alt