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

Common

disabledInstancePlugin
listenersEvents

Misc

clientInstancePlugin
localeClassLocalizable
localizableLocalizable

Other

Properties

16

Common

disabledInstancePlugin

Class hierarchy

isSwimlaneDrag: Boolean= truereadonly
Identifies an object as an instance of SwimlaneDrag class, or subclass thereof.
isSwimlaneDrag: Boolean= truereadonlystatic
Identifies an object as an instance of SwimlaneDrag class, or subclass thereof.
isEventsEvents
isInstancePluginInstancePlugin
isLocalizableLocalizable
isTaskBoardFeatureTaskBoardFeature

Lifecycle

configBase

Misc

clientInstancePlugin
localeHelperLocalizable
localeManagerLocalizable

Other

Functions

28

Configuration

applyDefaultsstaticBase

Events

Lifecycle

destroystaticBase

Misc

doDisableInstancePlugin
initClassstaticBase
isOfTypeNamestaticBase
mixinstaticBase
optionalLstaticLocalizable

Other

LstaticLocalizable
onEvents
relayAllEvents
triggerEvents
unEvents

Events

5
catchAllEvents
destroyEvents
disableInstancePlugin
enableInstancePlugin

Event handlers

5
onDestroyEvents
onDisableInstancePlugin
onEnableInstancePlugin

Typedefs

1

CSS variables

3
NameDescription
--b-task-board-swimlane-drag-box-shadowDrag proxy box shadow
--b-task-board-swimlane-drag-drop-backgroundDrop indicator background
--b-task-board-swimlane-drag-drop-borderDrop indicator border