DayPilot.Scheduler.rectangleSelectHandling

The rectangleSelectHandling property (string) enables rectangle selection in the JavaScript Scheduler component and sets the default action. By default, users need to hold the Shift key during selection (see also onGridMouseDown).

Available since 2020.2.4389.

Declaration

DayPilot.Scheduler.rectangleSelectHandling

Possible Values

• "Disabled" disables rectangle selection.

• "Enabled" enables rectangle selection without specifying a built-in action.

• "EventSelect" enables rectangle selection and selects all events under the rectangle.

Default Value

"Disabled"

Notes

The default mouse handling starts rectangle selection only when the Shift key is pressed. Use onGridMouseDown if you need to customize that behavior.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  rectangleSelectHandling: "Enabled",
  // ...
});
dp.init();

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>

config: DayPilot.SchedulerConfig = {
  rectangleSelectHandling: "Enabled",
  // ...
};

React

<DayPilotScheduler
  rectangleSelectHandling="Enabled"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  rectangleSelectHandling="Enabled"
  <!-- ... -->
/>

See Also

Rectangle Selection [doc.daypilot.org]

DayPilot.Scheduler.onGridMouseDown

DayPilot.Scheduler.onRectangleSelecting

DayPilot.Scheduler.onRectangleSelect

DayPilot.Scheduler.onRectangleSelected

DayPilot.Scheduler Class