Angular Data GridGrid Events
This is a list of all the events that the grid raises.
Provide your event handler to the relevant Output
property on the ag-grid-angular
component. Note that the 'on' prefix is not part of the output name.
<ag-grid-angular (cellClicked)="onCellClicked($event)">
List of Events
The following are all events emitted by the grid. If using TypeScript, you can reference the interface for each event.
Accessories
Clipboard
See Clipboard for more information.
cut | Cut operation has started. See: Clipboard Events |
cut | Cut operation has ended. See: Clipboard Events |
paste | Paste operation has started. See: Clipboard Events |
paste | Paste operation has ended. See: Clipboard Events |
Columns
Components
See Components for more information.
Editing
See Cell Editing for more information.
cell | Value has changed after editing (this event will not fire if editing was cancelled, eg ESC was pressed) or if cell value has changed as a result of cut, paste, cell clear (pressing Delete key), fill handle, copy range down, undo and redo.
|
cell | Value has changed after editing. Only fires when readOnlyEdit=true . See: Read Only Edit |
row | A cell's value within a row has changed. This event corresponds to Full Row Editing only. See: Full Row Editing |
cell | Editing a cell has started. |
cell | Editing a cell has stopped. |
row | Editing a row has started (when row editing is enabled). When row editing, this event will be fired once and cellEditingStarted will be fired for each individual cell. Only fires when doing Full Row Editing. See: Full Row Editing |
row | Editing a row has stopped (when row editing is enabled). When row editing, this event will be fired once and cellEditingStopped will be fired for each individual cell. Only fires when doing Full Row Editing. See: Full Row Editing |
undo | Undo operation has started. See: Undo / Redo Events |
undo | Undo operation has ended. See: Undo / Redo Events |
redo | Redo operation has started. See: Undo / Redo Events |
redo | Redo operation has ended. See: Undo / Redo Events |
range | Range delete operation (cell clear) has started. See: Delete Range |
range | Range delete operation (cell clear) has ended. See: Delete Range |
Filtering
See Filtering for more information.
filter | Filter has been opened. |
filter | Filter has been modified and applied. |
filter | Filter was modified but not applied. Used when filters have 'Apply' buttons. |
advanced | Advanced Filter Builder visibility has changed (opened or closed). See: Advanced Filter |
Integrated Charts
See Integrated Charts Events for more information.
Keyboard Navigation
See Keyboard Navigation for more information.
cell | DOM event keyDown happened on a cell. See: Keyboard Events |
Miscellaneous
Pagination
See Row Pagination for more information.
Row Drag and Drop
See Row Dragging for more information.
Row Grouping
See Row Grouping for more information.
Row Pinning
See Row Pinning for more information.
pinned | The client has set new pinned row data into the grid. |
RowModel: Client-Side
See Client-Side Row Model for more information.
RowModel: Server-Side
See Server-Side Row Model for more information.
store | A server side store has finished refreshing. |
Selection
See Selection Overview for more information.
Sorting
See Row Sorting for more information.
sort | Sort has changed. The grid also listens for this and updates the model. |
Tooltips
See Tooltip Component for more information.
tooltip | A tooltip has been displayed |
tooltip | A tooltip was hidden |