A newer version of this page is available. Switch to the current version.

JavaScript/jQuery DataGrid Events

This section describes events fired by this UI component.

See Also

adaptiveDetailRowPreparing

Raised before an adaptive detail row is rendered.

Type:

Event

Main article: onAdaptiveDetailRowPreparing

See Also

cellClick

Raised when a cell is clicked or tapped.

Type:

Event

Main article: onCellClick

See Also

cellDblClick

Raised when a cell is double-clicked or double-tapped.

Type:

Event

Main article: onCellDblClick

See Also

cellHoverChanged

Raised after the pointer enters or leaves a cell.

Type:

Event

Main article: onCellHoverChanged

See Also

cellPrepared

Raised after a cell is created.

Type:

Event

Main article: onCellPrepared

See Also

contentReady

Raised when the UI component's content is ready.

Type:

Event

Main article: onContentReady.

See Also

contextMenuPreparing

Raised before the context menu is rendered.

Type:

Event

Main article: onContextMenuPreparing

See Also

dataErrorOccurred

Raised when an error occurs in the data source.

Type:

Event

Main article: onDataErrorOccurred

See Also

disposing

Raised before the UI component is disposed of.

Type:

Event

Main article: onDisposing

See Also

editCanceled

Raised after row changes are discarded.

Type:

Event

Main article: onEditCanceled

See Also

editCanceling

Raised when the edit operation is canceled, but row changes are not yet discarded.

Type:

Event

Main article: onEditCanceling

See Also

editingStart

Raised before a cell or row switches to the editing state.

Type:

Event

Main article: onEditingStart

See Also

editorPrepared

Raised after an editor is created.

Type:

Event

Main article: onEditorPrepared

See Also

editorPreparing

Raised before an editor is created.

Type:

Event

Main article: onEditorPreparing

See Also

exported Deprecated

Since v20.1, we recommend ExcelJS-based export which does not use this property.

Raised after data is exported.

Type:

Event

Main article: onExported

See Also

exporting

Raised before data is exported.

Type:

Event

Main article: onExporting

See Also

fileSaving Deprecated

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.

Type:

Event

Main article: onFileSaving

See Also

focusedCellChanged

Raised after the focused cell changes.

Type:

Event

Main article: onFocusedCellChanged

See Also

focusedCellChanging

Raised before the focused cell changes.

Type:

Event

Main article: onFocusedCellChanging

See Also

focusedRowChanged

Raised after the focused row changes. Applies only when focusedRowEnabled is true.

Type:

Event

Main article: onFocusedRowChanged

See Also

focusedRowChanging

Raised before the focused row changes. Applies only when focusedRowEnabled is true.

Type:

Event

Main article: onFocusedRowChanging

See Also

initialized

Raised only once, after the UI component is initialized.

Type:

Event

Main article: onInitialized

See Also

initNewRow

Raised before a new row is added to the UI component.

Type:

Event

Main article: onInitNewRow

See Also

keyDown

Raised when the UI component is in focus and a key has been pressed down.

Type:

Event

Main article: onKeyDown

See Also

optionChanged

Raised after a UI component property is changed.

Type:

Event

Main article: onOptionChanged

See Also

rowClick

Raised when a row is clicked or tapped.

Type:

Event

Main article: onRowClick

See Also

rowCollapsed

Raised after a row is collapsed.

Type:

Event

Main article: onRowCollapsed

See Also

rowCollapsing

Raised before a row is collapsed.

Type:

Event

Main article: onRowCollapsing

See Also

rowDblClick

Raised when a row is double-clicked or double-tapped.

Type:

Event

Main article: onRowDblClick

See Also

rowExpanded

Raised after a row is expanded.

Type:

Event

Main article: onRowExpanded

See Also

rowExpanding

Raised before a row is expanded.

Type:

Event

Main article: onRowExpanding

See Also

rowInserted

Raised after a new row has been inserted into the data source.

Type:

Event

Main article: onRowInserted

See Also

rowInserting

Raised before a new row is inserted into the data source.

Type:

Event

Main article: onRowInserting

See Also

rowPrepared

Raised after a row is created.

Type:

Event

Main article: onRowPrepared

See Also

rowRemoved

Raised after a row has been removed from the data source.

Type:

Event

Main article: onRowRemoved

See Also

rowRemoving

Raised before a row is removed from the data source.

Type:

Event

Main article: onRowRemoving

See Also

rowUpdated

Raised after a row has been updated in the data source.

Type:

Event

Main article: onRowUpdated

See Also

rowUpdating

Raised before a row is updated in the data source.

Type:

Event

Main article: onRowUpdating

See Also

rowValidating

Raised after cells in a row are validated against validation rules.

Type:

Event

Main article: onRowValidating

See Also

saved

Raised after row changes are saved.

Type:

Event

Main article: onSaved

See Also

saving

Raised before pending row changes are saved.

Type:

Event

Main article: onSaving

See Also

selectionChanged

Raised after selecting a row or clearing its selection.

Type:

Event

Main article: onSelectionChanged

See Also

toolbarPreparing

Raised before the toolbar is created.

Type:

Event

Main article: onToolbarPreparing

See Also