html5 javascript scheduler drag and drop row moving

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 and onRowMoved events on drop (if the target position is not forbidden).

See also

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";
  }
};

Related Tutorials