How to import DevExpress.data.CustomStore ?

How to import DevExpress.data.CustomStore into TypeScript?

The only place I found this declaration is in devextreme/dist/ts/dx.all.d.ts. However, when I try

import { CustomStore } from 'devextreme/dist/ts/dx.all';

it doesn’t work. It gives: [ts] File 'devextreme/dist/ts/dx.all.d.ts' is not a module. – which is comprehensible, since there isn’t a dx.all.js in this same folder.

For the sake of completion: I’m trying to port this code from Angular 1.5:

    this.gridDataStore = new DevExpress.data.CustomStore({
        load: (loadOptions) => $q.resolve(this.getBuffer(loadOptions.skip, loadOptions.skip + loadOptions.take)),
        totalCount: () => $q.resolve(this.data.length),
        update: (key, values) => { this.data[key.a] = values.c; return $q.resolve(values); }
    });

Using “devextreme-angular2”: “^16.1.7” “typescript”: “2.0.3”

[GoshaFighten]

You can do this in version 16.2. Recently, we published an alpha version of 16.2: 16.2.1-alpha.1. With this version, you can declare CustomStore like this:

import CustomStore from "devextreme/data/custom_store";

orders = new CustomStore({
    load: (opts) => {
        return new Promise((resolve, reject) => {
            resolve([{ text: "Test" }]);
        });
    },
    totalCount: (opts) => {
        return new Promise((resolve, reject) => {
            resolve(1);
        });
    }
});

GH165.zip

[GoshaFighten]

@fdcastel I think you are getting the Cannot find name 'DevExpress' error when tsc compiles our component. To resolve the issue, declare DevExpress in the following way:

declare let DevExpress: any; GH165.zip