html5-kanban-swimlane-moving-drag-drop.png

The order of swim lanes can be changed using drag and drop.

This feature is disabled by default. You can enable it using SwimlaneMoveHandling property.

JavaScript

<div id="dp"></div>

<script type="text/javascript">

    var dp = new DayPilot.Kanban("dp");
    
    // ...

    dp.swimlaneMoveHandling = "Update";

    dp.onSwimlaneMove = function(args) {
        if (args.next) {
            dp.message("Swim lane " + args.swimlane.data.name + " moved before " + args.next.data.name);
        }
        else if (args.previous) {
            dp.message("Swim lane " + args.swimlane.data.name + " moved after " + args.previous.data.name);
        }
    };

    dp.init();

</script>