## MultiDrag Plugin This plugin allows users to select multiple items within a sortable at once, and drag them as one item. Once placed, the items will unfold into their original order, but all beside eachother at the new position. [Read More](https://github.com/SortableJS/Sortable/wiki/Dragging-Multiple-Items-in-Sortable) Demo: https://jsbin.com/wopavom/edit?js,output --- ### Options ```js new Sortable(el, { multiDrag: false, // Enable the plugin selectedClass: "sortable-selected", // Class name for selected item multiDragKey: null, // Key that must be down for items to be selected // Called when an item is selected onSelect: function(/**Event*/evt) { evt.item // The selected item }, // Called when an item is deselected onDeselect: function(/**Event*/evt) { evt.item // The deselected item } }); ``` --- #### `multiDragKey` option The key that must be down for multiple items to be selected. The default is `null`, meaning no key must be down. For special keys, such as the CTRL key, simply specify the option as `'CTRL'` (casing does not matter). --- #### `selectedClass` option Class name for the selected item(s) if multiDrag is enabled. Defaults to `sortable-selected`. ```css .selected { background-color: #f9c7c8; border: solid red 1px; } ``` ```js Sortable.create(list, { multiDrag: true, selectedClass: "selected" }); ``` --- ### Event Properties - items:`HTMLElement[]` - Array of selected items, or empty - clones:`HTMLElement[]` - Array of clones, or empty --- ### Sortable.utils * select(el`:HTMLElement`) — select the given multi-drag item * deselect(el`:HTMLElement`) — deselect the given multi-drag item