Angular DataGrid Events
This section describes events fired by this UI component.
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
adaptiveDetailRowPreparing
Raised before an adaptive detail row is rendered.
Event
Main article: onAdaptiveDetailRowPreparing
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
cellClick
Raised when a cell is clicked or tapped.
Event
Main article: onCellClick
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
cellDblClick
Raised when a cell is double-clicked or double-tapped.
Event
Main article: onCellDblClick
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
cellHoverChanged
Raised after the pointer enters or leaves a cell.
Event
Main article: onCellHoverChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
cellPrepared
Raised after a cell is created.
Event
Main article: onCellPrepared
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
contentReady
Raised when the UI component's content is ready.
Event
Main article: onContentReady.
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
contextMenuPreparing
Raised before the context menu is rendered.
Event
Main article: onContextMenuPreparing
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
dataErrorOccurred
Raised when an error occurs in the data source.
Event
Main article: onDataErrorOccurred
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
disposing
Raised before the UI component is disposed of.
Event
Main article: onDisposing
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
editingStart
Raised before a cell or row switches to the editing state.
Event
Main article: onEditingStart
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
editorPrepared
Raised after an editor is created.
Event
Main article: onEditorPrepared
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
editorPreparing
Raised before an editor is created.
Event
Main article: onEditorPreparing
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
exported
Since v20.1, we recommend ExcelJS-based export which does not use this property.
Raised after data is exported.
Event
Main article: onExported
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
exporting
Raised before data is exported.
Event
Main article: onExporting
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
fileSaving
Since v20.1, we recommend ExcelJS-based export which does not use this property.
Raised before a file with exported data is saved to the user's local storage.
Event
Main article: onFileSaving
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
focusedCellChanged
Raised after the focused cell changes.
Event
Main article: onFocusedCellChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
focusedCellChanging
Raised before the focused cell changes.
Event
Main article: onFocusedCellChanging
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
focusedRowChanged
Raised after the focused row changes. Applies only when focusedRowEnabled is true.
Event
Main article: onFocusedRowChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
focusedRowChanging
Raised before the focused row changes. Applies only when focusedRowEnabled is true.
Event
Main article: onFocusedRowChanging
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
initialized
Raised only once, after the UI component is initialized.
Event
Main article: onInitialized
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
initNewRow
Raised before a new row is added to the UI component.
Event
Main article: onInitNewRow
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
keyDown
Raised when the UI component is in focus and a key has been pressed down.
Event
Main article: onKeyDown
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
optionChanged
Raised after a UI component property is changed.
Event
Main article: onOptionChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowClick
Raised when a row is clicked or tapped.
Event
Main article: onRowClick
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowCollapsed
Raised after a row is collapsed.
Event
Main article: onRowCollapsed
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowCollapsing
Raised before a row is collapsed.
Event
Main article: onRowCollapsing
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowDblClick
Raised when a row is double-clicked or double-tapped.
Event
Main article: onRowDblClick
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowExpanded
Raised after a row is expanded.
Event
Main article: onRowExpanded
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowExpanding
Raised before a row is expanded.
Event
Main article: onRowExpanding
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowInserted
Raised after a new row has been inserted into the data source.
Event
Main article: onRowInserted
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowInserting
Raised before a new row is inserted into the data source.
Event
Main article: onRowInserting
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowPrepared
Raised after a row is created.
Event
Main article: onRowPrepared
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowRemoved
Raised after a row has been removed from the data source.
Event
Main article: onRowRemoved
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowRemoving
Raised before a row is removed from the data source.
Event
Main article: onRowRemoving
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowUpdated
Raised after a row has been updated in the data source.
Event
Main article: onRowUpdated
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowUpdating
Raised before a row is updated in the data source.
Event
Main article: onRowUpdating
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
rowValidating
Raised after cells in a row are validated against validation rules.
Event
Main article: onRowValidating
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
selectionChanged
Raised after selecting a row or clearing its selection.
Event
Main article: onSelectionChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
toolbarPreparing
Raised before the toolbar is created.
Event
Main article: onToolbarPreparing
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
If you have technical questions, please create a support ticket in the DevExpress Support Center.