html5 kanban swimlane moving drag drop

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>

Availability

Availability of this feature in DayPilot editions:

LitePro
DayPilot for JavaScript
DayPilot for ASP.NET WebForms
DayPilot for ASP.NET MVC
DayPilot for Java