SwimlaneDrag
This feature allows users to drag drop swimlanes on the TaskBoard changing their order (by grabbing their header).
Swimlane drag
//<code-header>
fiddle.title = 'Swimlane drag';
//</code-header>
const taskBoard = new TaskBoard({
appendTo : targetElement,
features : {
columnToolbars : false,
swimlaneDrag : true
},
// Swimlanes to display
swimlanes : [
{ id : 'high', text : 'Drag me' },
'low'
],
swimlaneField : 'prio',
columns : [
'todo',
'doing',
'done'
],
columnField : 'status',
project : {
tasks : [
{ id : 1, name : 'Easter campaign', status : 'doing', prio : 'high' },
{ id : 2, name : 'Follow up', status : 'done', prio : 'low' },
{ id : 3, name : 'Adjust ads', status : 'doing', prio : 'low' },
{ id : 4, name : 'Spring campaign', status : 'todo', prio : 'low' },
{ id : 5, name : 'Survey', status : 'todo', prio : 'low' }
]
}
});This feature is disabled by default.
Configs
9
Configs
9Misc
bubbleEventsEvents
callOnFunctionsEvents
clientInstancePlugin
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
Other
Properties
16
Properties
16Common
disabledInstancePlugin
Class hierarchy
Identifies an object as an instance of SwimlaneDrag class, or subclass thereof.
Identifies an object as an instance of SwimlaneDrag class, or subclass thereof.
isEventsEvents
isInstancePluginInstancePlugin
isLocalizableLocalizable
isTaskBoardFeatureTaskBoardFeature
Other
Functions
28
Functions
28Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
doDisableInstancePlugin
downloadTestCaseBase
resolveCallbackBase
updateLocalizationLocalizable
Other
addListenerEvents
hasListenerEvents
onEvents
relayAllEvents
removeAllListenersEvents
removeListenerEvents
resumeEventsEvents
suspendEventsEvents
triggerEvents
unEvents
Events
5
Events
5Event handlers
5
Event handlers
5Typedefs
1
Typedefs
1BryntumListenerConfigEvents
CSS variables
3
CSS variables
3| Name | Description |
|---|---|
--b-task-board-swimlane-drag-box-shadow | Drag proxy box shadow |
--b-task-board-swimlane-drag-drop-background | Drop indicator background |
--b-task-board-swimlane-drag-drop-border | Drop indicator border |