Rows can be moved to a new position using drag and drop.
-
Includes resource tree support (insert before or after a node, as a child).
-
Custom rules using real-time event (onRowMoving).
-
CSS styling (drag handler, target position indicator, forbidden location)
JavaScript
-
Row moving can be enabled using rowMoveHandling ("Disabled").
-
You can implement custom rules (allowed operations) using the
onRowMoving
event handler. -
The Scheduler control fires the
onRowMove
andonRowMoved
events on drop (if the target position is not forbidden).
See also
-
DayPilot.Scheduler.rowMoveHandling property
Example
dp.rowMoveHandling = "Update";
dp.onRowMove = function(args) {
console.log("source: " + args.source.id + ", target: " + args.target.id + ", position: " + args.position);
};
dp.onRowMoving = function(args) {
if (args.target.id === "B" && args.position === "child") {
args.position = "forbidden";
}
};