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 JavaScriptNo SupportFull Support
DayPilot for ASP.NET WebFormsNo SupportNo Support
DayPilot for ASP.NET MVCNo SupportNo Support
DayPilot for JavaNo SupportNo Support