RowCommitDetail

Detail payload for a committed row edit (may or may not include changes).

Fired when a row editing session ends (focus leaves the row). The event is cancelable - call preventDefault() to revert the entire row to its state before editing began.

Use this for row-level validation: if any cells are invalid, reject the entire row edit and force the user to correct the values.

Example

grid.on('row-commit', (detail, e) => {
  const editingPlugin = grid.getPluginByName('editing');
  if (editingPlugin?.hasInvalidCells(detail.rowId)) {
    e.preventDefault(); // Revert row to original values
    alert('Please fix validation errors before leaving the row');
  }
});

Properties

Property	Type	Description
rowIndex	number	Row index that lost edit focus.
rowId	string	Stable row identifier (from getRowId).
row	TRow	Row object reference (current state after edits).
oldValue	TRow | undefined	Snapshot of the row before edits (for comparison).
newValue	TRow	Current row value after edits (same as row).
changed	boolean	Whether any cell changes were actually committed in this row during the session.
changedRows	TRow[]	Current changed row collection.
changedRowIds	string[]	IDs of changed rows.