The Grid supports editing features including creating, updating and deleting rows. Use the corresponding plugins to manage the editing state and perform editing operations programmatically or via the UI controls. The editing state contains information about rows currently being edited, changes applied to a particular row, and rows that have been deleted and created but not yet committed. Once a user accepts row addition or deletion, or changes made to a row (clicking the Save or Delete button), the Grid fires the
onCommitChanges event and resets the row’s editing state.
The following plugins implement editing features:
Note that the plugin order is important.
Add the plugins listed above to the Grid to set up a simple Grid supporting editing features.
onCommitChanges event to commit changes made by an end-user to your data store.
In the uncontrolled mode, you can specify the initial editing state values using the following
EditingState plugin’s properties:
defaultEditingRowIds- the rows being edited
defaultAddedRows- the rows being added
defaultRowChanges- the row changes
defaultDeletedRowIds- the rows being deleted
In the controlled mode, specify the following
EditingState plugin’s property pairs to set a state value and handle its changes:
onEditingRowIdsChange- the rows being edited
onAddedRowsChange- the rows being added
onRowChangesChange- the row changes
onDeletedRowIdsChange- the rows being deleted
Note, you can also use the
onAddedRowsChange event to initialize a created row with default property values.
You can prevent editing of a specific column using the EditingState plugin’s