DayPilot.Gantt.onRowDoubleClick

The onRowDoubleClick event handler fires when the user double-clicks a task row header in the Gantt Chart, before the default action specified by rowDoubleClickHandling.

The default action can be canceled by calling args.preventDefault().

Declaration

DayPilot.Gantt.onRowDoubleClick(args)

Parameters

• args.task - DayPilot.Task object representing the task.

• args.x (number) - column index.

• args.preventDefault() - cancels the default action.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  rowDoubleClickHandling: "Enabled",
  onRowDoubleClick: args => {
    DayPilot.Modal.alert("Clicked: " + args.task.id());
  },
  // ...
});
gantt.init();

Angular

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

config: DayPilot.GanttConfig = {
  rowDoubleClickHandling: "Enabled",
  onRowDoubleClick: args => {
    DayPilot.Modal.alert("Clicked: " + args.task.id());
  },
  // ...
};

React

<DayPilotGantt
  rowDoubleClickHandling="Enabled"
  onRowDoubleClick={onRowDoubleClick}
  {/* ... */}
/>

const onRowDoubleClick = (args) => {
  DayPilot.Modal.alert("Clicked: " + args.task.id());
};

Vue

<DayPilotGantt
  rowDoubleClickHandling="Enabled"
  @rowDoubleClick="onRowDoubleClick"
  <!-- ... -->
/>

const onRowDoubleClick = (args) => {
  DayPilot.Modal.alert("Clicked: " + args.task.id());
};

See Also

Row Editing [doc.daypilot.org]

DayPilot.Gantt Class