DevExtreme jQuery/JS - Getting Started

TypeScript definitions for DevExtreme libraries are available in the following locations:

  • The devextreme-dist package installed in your project:

    Path
    node_modules/devextreme-dist/ts/dx.all.d.ts

  • The devextreme-dist package hosted on a CDN:

    URL
    https://cdn.jsdelivr.net/npm/devextreme-dist@26.1/ts/dx.all.d.ts

  • Local DevExtreme sources installed using the DevExpress Unified Component Installer:

    Path
    C:\Program Files\DevExpress 26.1\Components\Sources\DevExtreme\Lib\ts

Reference dx.all.d.ts and jQuery types in your project:

Modular application
Non-modular application
import $ from 'jquery';
import 'devextreme-dist/ts/dx.all';
/// <reference path="TypeScript/jquery.d.ts" />
/// <reference path="TypeScript/dx.all.d.ts" />

To access specific type definitions, use the DevExpress namespace:

index.ts
const handleDataGridInit = (e: DevExpress.ui.dxDataGrid.InitializedEvent) => { /* ... */ };
See Also