DayPilot.Scheduler.onRowClicked

The onRowClicked event handler fires when the user clicks a row header in the JavaScript Scheduler component, after the default action has completed.

Declaration

DayPilot.Scheduler.onRowClicked(args)

Parameters

• args.row (DayPilot.Row) - clicked row

• args.x (number) - row header column index when row header columns are defined; available since 2023.1.5513

• args.ctrl (boolean) - Ctrl key state

• args.shift (boolean) - Shift key state

• args.meta (boolean) - Meta key state

• args.originalEvent (MouseEvent) - original click event object (available since 2023.4.5756)

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  rowClickHandling: "Enabled",
  onRowClicked: (args) => {
    console.log("Clicked row", args.row);
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  rowClickHandling: "Enabled",
  onRowClicked: (args) => {
    console.log("Clicked row", args.row);
  },
  // ...
};

React

<DayPilotScheduler
  rowClickHandling="Enabled"
  onRowClicked={onRowClicked}
  {/* ... */}
/>

const onRowClicked = (args) => {
  console.log("Clicked row", args.row);
};

Vue

<DayPilotScheduler
  rowClickHandling="Enabled"
  @rowClicked="onRowClicked"
  <!-- ... -->
/>

const onRowClicked = (args) => {
  console.log("Clicked row", args.row);
};

See Also

DayPilot.Scheduler Class