Agent-readable demo data

Title

Moving Rows Between Two Schedulers (JavaScript Scheduler) | DayPilot Pro for JavaScript Demo

Tree

DayPilot JavaScript Demo

Catalog root

Default

Description

You can drag rows between two Scheduler components.

• Canonical HTML: /demo/scheduler/rowmovingtwoschedulers.html
• Markdown companion: /demo/scheduler/rowmovingtwoschedulers.md
• Folder: /demo/scheduler/
• Root: /demo/
• Catalog: /demo/llms.txt

Inline demo script 1

const dp1 = new DayPilot.Scheduler("dp1", {
            startDate: new DayPilot.Date("2026-03-01"),
            days: new DayPilot.Date("2026-03-01").daysInMonth(),
            scale: "Hour",
            timeHeaders: [
                {groupBy: "Day"},
                {groupBy: "Hour"}
            ],
            treeEnabled: true,
            rowHeaderWidth: 100,
            resources: [
                {name: "Room A", id: "A"},
                {name: "Room B", id: "B"},
                {name: "Room C", id: "C", _id: "C"},
                {name: "Room D", id: "D"},
                {name: "Room E", id: "E"},
                {name: "Room F", id: "F"},
            ],
            onRowMoving: args => {
                console.log("onRowMoving", args);
            },
            onRowMove: args => {
                console.log("onRowMove1", args);
            },
            rowMoveHandling: "Update",
        });
        dp1.init();

        const dp2 = new DayPilot.Scheduler("dp2", {
            startDate: new DayPilot.Date("2026-03-01"),
            days: new DayPilot.Date("2026-03-01").daysInMonth(),
            scale: "Hour",
            timeHeaders: [
                {groupBy: "Day"},
                {groupBy: "Hour"}
            ],
            treeEnabled: true,
            rowHeaderWidth: 100,
            resources: [
                {name: "Room 1", id: "R1"},
                {name: "Room 2", id: "R2"},
                {name: "Room 3", id: "R3"},
                {name: "Room 4", id: "R4"},
                {name: "Room 5", id: "R5"},
                {name: "Room 6", id: "R6"},
            ],
            onRowMoving: args => {
                console.log("onRowMoving", args);
            },
            onRowMove: args => {
                console.log("onRowMove2", args);
            },
            rowMoveHandling: "Update",
        });
        dp2.init();