All docs
V24.1
24.2
24.1
23.2
23.1
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Box
Map
A newer version of this page is available. Switch to the current version.

jQuery/JS Common Types - events

Cancelable

A type used in events. Specifies whether the event is cancelable.

import { Cancelable } from "devextreme/events/index"

ChangedOptionInfo

Specifies arguments of optionChanged event.

import { ChangedOptionInfo } from "devextreme/events/index"

EventInfo

A type that contains fields common for all events (component, element, model).

import { EventInfo } from "devextreme/events/index"

Do not use NativeEventInfo if you specify this type.

export interface EventInfo<TComponent> {
    readonly component: TComponent;
    readonly element: DxElement;
}

InitializedEventInfo

Specifies arguments of initialized event.

import { InitializedEventInfo } from "devextreme/events/index"

ItemInfo

Specifies item information used in events related to a component's items.

import { ItemInfo } from "devextreme/events/index"

NativeEventInfo

A type that contains fields common for all events (component, element, model) and the event field.

import { NativeEventInfo } from "devextreme/events/index"

Do not use EventInfo if you specify this type.

interface NativeEventInfo<TComponent, TNativeEvent = Event> {
    readonly component: TComponent;
    readonly element: DxElement;
    readonly event?: EventObject & TNativeEvent;
}

interface EventObject {
    currentTarget: Element;
    data: any;
    delegateTarget: Element;
    target: Element;
    isDefaultPrevented(): boolean;
    isImmediatePropagationStopped(): boolean;
    isPropagationStopped(): boolean;
    preventDefault(): void;
    stopImmediatePropagation(): void;
    stopPropagation(): void;
}