DayPilot.Gantt.onRowCreated

The onRowCreated event handler fires when new row text is submitted in the JavaScript Gantt Chart, after the default action specified by rowCreateHandling.

Declaration

DayPilot.Gantt.onRowCreated(args)

Parameters

  • args.control (DayPilot.Gantt) - component reference

  • args.text (string) - text submitted by the user

Notes

This event fires after the default action configured by rowCreateHandling has been performed. Use onRowCreate if you need to inspect or cancel the submitted text before that action runs.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  onRowCreated: (args) => {
    console.log(`Created row: ${args.text}`);
  },
  // ...
});
gantt.init();

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>
config: DayPilot.GanttConfig = {
  onRowCreated: (args) => {
    console.log(`Created row: ${args.text}`);
  },
  // ...
};

React

<DayPilotGantt
  onRowCreated={onRowCreated}
  {/* ... */}
/>
const onRowCreated = (args) => {
  console.log(`Created row: ${args.text}`);
};

Vue

<DayPilotGantt
  @rowCreated="onRowCreated"
  <!-- ... -->
/>
const onRowCreated = (args) => {
  console.log(`Created row: ${args.text}`);
};

See Also

DayPilot.Gantt.onRowCreate

DayPilot.Gantt.rowCreateHandling

DayPilot.Gantt Class

Availability

Availability of this API item in DayPilot editions:

LitePro
DayPilot for JavaScript