DayPilot.Gantt.onRowEdited

The onRowEdited event handler fires when the user finishes inline row editing in the Gantt Chart, after the default action specified by rowEditHandling.

Declaration

DayPilot.Gantt.onRowEdited(args)

Parameters

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

• args.newText (string) - new text provided by the user.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  rowClickHandling: "Edit",
  rowEditHandling: "Update",
  onRowEdited: (args) => {
    DayPilot.Modal.alert("Task renamed to: " + args.newText);
  },
  // ...
});
gantt.init();

Angular

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

config: DayPilot.GanttConfig = {
  rowClickHandling: "Edit",
  rowEditHandling: "Update",
  onRowEdited: args => {
    DayPilot.Modal.alert("Task renamed to: " + args.newText);
  },
  // ...
};

React

<DayPilotGantt
  rowClickHandling="Edit"
  rowEditHandling="Update"
  onRowEdited={onRowEdited}
  {/* ... */}
/>

const onRowEdited = (args) => {
  DayPilot.Modal.alert("Task renamed to: " + args.newText);
};

Vue

<DayPilotGantt
  rowClickHandling="Edit"
  rowEditHandling="Update"
  @rowEdited="onRowEdited"
  <!-- ... -->
/>

const onRowEdited = (args) => {
  DayPilot.Modal.alert("Task renamed to: " + args.newText);
};

See Also

Row Editing [doc.daypilot.org]

DayPilot.Gantt Class