DayPilot.Kanban.onSwimlaneMoved

The onSwimlaneMoved event handler fires when swim lane moving finishes and the swim lane has already been dropped at the target position.

Declaration

DayPilot.Kanban.onSwimlaneMoved(args)

Parameters

• args.control (DayPilot.Kanban) - control instance

• args.swimlane (DayPilot.Swimlane) - the swim lane being moved

• args.swimlane.data (object) - source data object of the moved swim lane

• args.position (number) - target position index

• args.previous (DayPilot.Swimlane) - swim lane preceding the target position

• args.next (DayPilot.Swimlane) - swim lane following the target position

Notes

The move must be enabled using DayPilot.Kanban.swimlaneMoveHandling, and args.position, args.previous, and args.next describe the final swim lane order after the move has been applied.

Examples

JavaScript

const kanban = new DayPilot.Kanban("dp", {
  swimlaneMoveHandling: "Update",
  onSwimlaneMoved: (args) => {
    args.control.message(`Swimlane ${args.swimlane.data.name} has been moved.`);
  },
  // ...
});
kanban.init();

Angular

<daypilot-kanban [config]="config"></daypilot-kanban>

config: DayPilot.KanbanConfig = {
  swimlaneMoveHandling: "Update",
  onSwimlaneMoved: (args) => {
    args.control.message(`Swimlane ${args.swimlane.data.name} has been moved.`);
  },
  // ...
};

React

<DayPilotKanban
  swimlaneMoveHandling="Update"
  onSwimlaneMoved={onSwimlaneMoved}
  {/* ... */}
/>

const onSwimlaneMoved = (args) => {
  args.control.message(`Swimlane ${args.swimlane.data.name} has been moved.`);
};

Vue

<DayPilotKanban
  swimlaneMoveHandling="Update"
  @swimlaneMoved="onSwimlaneMoved"
  <!-- ... -->
/>

const onSwimlaneMoved = (args) => {
  args.control.message(`Swimlane ${args.swimlane.data.name} has been moved.`);
};

See Also

DayPilot.Kanban.onSwimlaneMove

DayPilot.Kanban.swimlaneMoveHandling

Swim Lane Moving [doc.daypilot.org]

DayPilot.Kanban Class