BuyLog In
DevExtreme
All docs
V 20.2
25.2
25.1
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
V20.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
25.2
25.1
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
API Reference
UI Components
Accordion
ActionSheet
Autocomplete
BarGauge
Box
Bullet
Button
ButtonGroup
Calendar
Chart
CheckBox
CircularGauge
ColorBox
ContextMenu
DataGrid
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
DateBox
DeferRendering
Diagram
Draggable
Drawer
DropDownBox
DropDownButton
FileManager
FileUploader
FilterBuilder
Form
Funnel
Gallery
Gantt
HtmlEditorCTP
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
SpeedDialAction
Switch
TabPanel
Tabs
TagBox
TextArea
TextBox
TileView
Toast
Toolbar
Tooltip
TreeList
TreeMap
TreeView
ValidationGroup
ValidationSummary
Validator
VectorMap
Markup Components
UI Events
CSS Classes
Data Layer
Types
Utilities
Angular
React
Vue
ASP.NET MVC 5
ASP.NET Core
jQuery
UI Components
Data Binding
Common Features
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

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