Vue Scheduler - SelectionEndEvent

The type of the selectionEnd event handler's argument.

import { DxSchedulerTypes } from "devextreme-vue/scheduler"
Type: DxSchedulerTypes.SelectionEndEvent

Used in:

component

The UI component's instance.

Type:

Scheduler

element

The UI component's container.

Type:

HTMLElement | jQuery

selectedCellData

An array of objects that identify selected cells.

Type:

Array<any>

Each object in the array contains the following properties that identify a selected cell:

  • startDate - the cell's start date and time.
  • endDate - the cell's end date and time.
  • allDay - indicates whether the cell belongs to the all-day panel.
  • groups - the resource groups the cell belongs to.

Array items are ordered from the first selected cell to the last. Use selectedCellData[0].startDate and selectedCellData[selectedCellData.length - 1].endDate to obtain the start and end of the full selected range.