Vue DataGrid Events

This section describes events fired by this UI component.

See Also
jQuery
Angular
Vue
React

adaptiveDetailRowPreparing

Raised before an adaptive detail row is rendered.

Type:

Event

Main article: onAdaptiveDetailRowPreparing

See Also
jQuery
Angular
Vue
React

cellClick

Raised when a cell is clicked or tapped.

Type:

Event

Main article: onCellClick

See Also
jQuery
Angular
Vue
React

cellDblClick

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

Type:

Event

Main article: onCellDblClick

See Also
jQuery
Angular
Vue
React

cellHoverChanged

Raised after the pointer enters or leaves a cell.

Type:

Event

Main article: onCellHoverChanged

See Also
jQuery
Angular
Vue
React

cellPrepared

Raised after a cell is created.

Type:

Event

Main article: onCellPrepared

See Also
jQuery
Angular
Vue
React

contentReady

Raised when the UI component's content is ready.

Type:

Event

Main article: onContentReady.

See Also
jQuery
Angular
Vue
React

contextMenuPreparing

Raised before the context menu is rendered.

Type:

Event

Main article: onContextMenuPreparing

See Also
jQuery
Angular
Vue
React

dataErrorOccurred

Raised when an error occurs in the data source.

Type:

Event

Main article: onDataErrorOccurred

See Also
jQuery
Angular
Vue
React

disposing

Raised before the UI component is disposed of.

Type:

Event

Main article: onDisposing

See Also
jQuery
Angular
Vue
React

editCanceled

Raised after row changes are discarded.

Type:

Event

Main article: onEditCanceled

See Also
jQuery
Angular
Vue
React

editCanceling

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

Type:

Event

Main article: onEditCanceling

See Also
jQuery
Angular
Vue
React

editingStart

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

Type:

Event

Main article: onEditingStart

See Also
jQuery
Angular
Vue
React

editorPrepared

Raised after an editor is created.

Type:

Event

Main article: onEditorPrepared

See Also
jQuery
Angular
Vue
React

editorPreparing

Raised before an editor is created.

Type:

Event

Main article: onEditorPreparing

See Also
jQuery
Angular
Vue
React

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
jQuery
Angular
Vue
React

exporting

Raised before data is exported.

Type:

Event

Main article: onExporting

See Also
jQuery
Angular
Vue
React

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
jQuery
Angular
Vue
React

focusedCellChanged

Raised after the focused cell changes.

Type:

Event

Main article: onFocusedCellChanged

See Also
jQuery
Angular
Vue
React

focusedCellChanging

Raised before the focused cell changes.

Type:

Event

Main article: onFocusedCellChanging

See Also
jQuery
Angular
Vue
React

focusedRowChanged

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

Type:

Event

Main article: onFocusedRowChanged

See Also
jQuery
Angular
Vue
React

focusedRowChanging

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

Type:

Event

Main article: onFocusedRowChanging

See Also
jQuery
Angular
Vue
React

initialized

Raised only once, after the UI component is initialized.

Type:

Event

Main article: onInitialized

See Also
jQuery
Angular
Vue
React

initNewRow

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

Type:

Event

Main article: onInitNewRow

See Also
jQuery
Angular
Vue
React

keyDown

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

Type:

Event

Main article: onKeyDown

See Also
jQuery
Angular
Vue
React

optionChanged

Raised after a UI component property is changed.

Type:

Event

Main article: onOptionChanged

See Also
jQuery
Angular
Vue
React

rowClick

Raised when a row is clicked or tapped.

Type:

Event

Main article: onRowClick

See Also
jQuery
Angular
Vue
React

rowCollapsed

Raised after a row is collapsed.

Type:

Event

Main article: onRowCollapsed

See Also
jQuery
Angular
Vue
React

rowCollapsing

Raised before a row is collapsed.

Type:

Event

Main article: onRowCollapsing

See Also
jQuery
Angular
Vue
React

rowDblClick

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

Type:

Event

Main article: onRowDblClick

See Also
jQuery
Angular
Vue
React

rowExpanded

Raised after a row is expanded.

Type:

Event

Main article: onRowExpanded

See Also
jQuery
Angular
Vue
React

rowExpanding

Raised before a row is expanded.

Type:

Event

Main article: onRowExpanding

See Also
jQuery
Angular
Vue
React

rowInserted

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

Type:

Event

Main article: onRowInserted

See Also
jQuery
Angular
Vue
React

rowInserting

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

Type:

Event

Main article: onRowInserting

See Also
jQuery
Angular
Vue
React

rowPrepared

Raised after a row is created.

Type:

Event

Main article: onRowPrepared

See Also
jQuery
Angular
Vue
React

rowRemoved

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

Type:

Event

Main article: onRowRemoved

See Also
jQuery
Angular
Vue
React

rowRemoving

Raised before a row is removed from the data source.

Type:

Event

Main article: onRowRemoving

See Also
jQuery
Angular
Vue
React

rowUpdated

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

Type:

Event

Main article: onRowUpdated

See Also
jQuery
Angular
Vue
React

rowUpdating

Raised before a row is updated in the data source.

Type:

Event

Main article: onRowUpdating

See Also
jQuery
Angular
Vue
React

rowValidating

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

Type:

Event

Main article: onRowValidating

See Also
jQuery
Angular
Vue
React

saved

Raised after row changes are saved.

Type:

Event

Main article: onSaved

See Also
jQuery
Angular
Vue
React

saving

Raised before pending row changes are saved.

Type:

Event

Main article: onSaving

See Also
jQuery
Angular
Vue
React

selectionChanged

Raised after selecting a row or clearing its selection.

Type:

Event

Main article: onSelectionChanged

See Also
jQuery
Angular
Vue
React

toolbarPreparing

Raised before the toolbar is created.

Type:

Event

Main article: onToolbarPreparing

See Also
jQuery
Angular
Vue
React