DayPilot.Scheduler.onRowEdited

The onRowEdited event handler fires when inline row editing of a JavaScript Scheduler row header cell finishes, after the default action configured by DayPilot.Scheduler.rowEditHandling has been performed. See also DayPilot.Scheduler.onRowEdit.

Declaration

DayPilot.Scheduler.onRowEdited(args)

Parameters

• args.async (boolean, read-only) - indicates whether the corresponding DayPilot.Scheduler.onRowEdit handler used asynchronous processing

• args.canceled (boolean, read-only) - indicates that the user canceled inline editing

• args.newText (string) - new text

• args.row (DayPilot.Row) - edited row; prior to version 2207 it was available as args.resource

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

Notes

Use DayPilot.Scheduler.onRowEdit if you need to inspect, modify, or cancel the submitted value before the built-in update runs.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  rowEditHandling: "Update",
  onRowEdited: (args) => {
    console.log("Updated row text:", args.newText);
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  rowEditHandling: "Update",
  onRowEdited: (args) => {
    console.log("Updated row text:", args.newText);
  },
  // ...
};

React

<DayPilotScheduler
  rowEditHandling="Update"
  onRowEdited={onRowEdited}
  {/* ... */}
/>

const onRowEdited = (args) => {
  console.log("Updated row text:", args.newText);
};

Vue

<DayPilotScheduler
  rowEditHandling="Update"
  @rowEdited="onRowEdited"
  <!-- ... -->
/>

const onRowEdited = (args) => {
  console.log("Updated row text:", args.newText);
};

See Also

Row Editing [doc.daypilot.org]

DayPilot.Scheduler.onRowEdit

DayPilot.Scheduler.rowEditHandling

DayPilot.Scheduler Class