BuyLog In
DevExtreme
All docs
V 21.2
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
19.1
18.2
18.1
17.2
All docs
V21.2

General Information

.NET Subscription

What's Included
DevExpress Installation
DevExpress Code Examples

Common Tools

Project Converter
Assembly Deployment Tool
Localization Service

Quality Assurance and Productivity

CodeRush for Visual Studio (FREE)
TestCafe Studio

Desktop

Controls

WinForms
WPF
VCL
WinUI

Tools

WinForms Skin Editor
WPF Theme Designer
WPF Theme Editor (Legacy)
Coded UI Test Extension

Frameworks and Libraries

XAF - Cross-Platform .NET App UI
XPO - .NET ORM Library (FREE)
XPO Profiler
Core Libraries
Drawing Graphics Library
.NET App Security & Web API Service (FREE)

Web

Controls and Extensions

ASP.NET Web Forms Controls
ASP.NET MVC Extensions
ASP.NET Core Controls
ASP.NET Bootstrap Controls
DevExtreme
DevExtreme ASP.NET MVC Controls
Blazor Components

Tools

ASP.NET Theme Builder
ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

Xamarin UI Controls (FREE)
.NET MAUI (FREE)

Enterprise and Analytic Tools

Reporting
Report and Dashboard Server
BI Dashboard
Office File API

End-User Documentation

Interface Elements for Desktop
Interface Elements for Web
Dashboard for Desktop
Dashboard for Web
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
19.1
18.2
18.1
17.2
Full-text search
Overview
Getting Started
UI Components
Accordion
ActionSheet
Autocomplete
BarGauge
Box
Bullet
Button
ButtonGroup
Calendar
Chart
CheckBox
CircularGauge
ColorBox
ContextMenu
DataGrid
Getting Started
How To
API
Configuration
Methods
Events
adaptiveDetailRowPreparing
cellClick
cellDblClick
cellHoverChanged
cellPrepared
contentReady
contextMenuPreparing
dataErrorOccurred
disposing
editCanceled
editCanceling
editingStart
editorPrepared
editorPreparing
exported
exporting
fileSaving
focusedCellChanged
focusedCellChanging
focusedRowChanged
focusedRowChanging
initialized
initNewRow
keyDown
optionChanged
rowClick
rowCollapsed
rowCollapsing
rowDblClick
rowExpanded
rowExpanding
rowInserted
rowInserting
rowPrepared
rowRemoved
rowRemoving
rowUpdated
rowUpdating
rowValidating
saved
saving
selectionChanged
toolbarPreparing
Row
Demos
DateBox
DeferRendering
Diagram
Draggable
Drawer
DropDownBox
DropDownButton
FileManager
FileUploader
FilterBuilder
Floating Action Button
Form
Funnel
Gallery
Gantt
HtmlEditor
LinearGauge
List
LoadIndicator
LoadPanel
Lookup
Map
Menu
MultiView
NavBar
NumberBox
PieChart
PivotGrid
PivotGridFieldChooser
PolarChart
Popover
Popup
ProgressBar
RadioGroup
RangeSelector
RangeSlider
Resizable
ResponsiveBox
Sankey
Scheduler
ScrollView
SelectBox
SlideOut
SlideOutView
Slider
Sortable
Sparkline
Switch
TabPanel
Tabs
TagBox
TextArea
TextBox
TileView
Toast
Toolbar
Tooltip
TreeList
TreeMap
TreeView
VectorMap
Utilities
Data Binding
Data Validation
Localization and Globalization
UI Customization
DevExtreme CLI
Advanced Topics
Troubleshooting
Migrate to the New Version

General Information

.NET Subscription

What's Included
DevExpress Installation
DevExpress Code Examples

Common Tools

Project Converter
Assembly Deployment Tool
Localization Service

Quality Assurance and Productivity

CodeRush for Visual Studio (FREE)
TestCafe Studio

Desktop

Controls

WinForms
WPF
VCL
WinUI

Tools

WinForms Skin Editor
WPF Theme Designer
WPF Theme Editor (Legacy)
Coded UI Test Extension

Frameworks and Libraries

XAF - Cross-Platform .NET App UI
XPO - .NET ORM Library (FREE)
XPO Profiler
Core Libraries
Drawing Graphics Library
.NET App Security & Web API Service (FREE)

Web

Controls and Extensions

ASP.NET Web Forms Controls
ASP.NET MVC Extensions
ASP.NET Core Controls
ASP.NET Bootstrap Controls
DevExtreme
DevExtreme ASP.NET MVC Controls
Blazor Components

Tools

ASP.NET Theme Builder
ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

Xamarin UI Controls (FREE)
.NET MAUI (FREE)

Enterprise and Analytic Tools

Reporting
Report and Dashboard Server
BI Dashboard
Office File API

End-User Documentation

Interface Elements for Desktop
Interface Elements for Web
Dashboard for Desktop
Dashboard for Web
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
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