DevExtreme React - Access the DataSource

Regardless of the data source you use, the List always wraps it in the DataSource. To get the instance of the DataSource, call the getDataSource() method.

jQuery
JavaScript
var listDataSource = $("#listContainer").dxList("getDataSource");
Angular
TypeScript
import { ..., ViewChild } from "@angular/core";
import { DxListModule, DxListComponent } from "devextreme-angular";
// ...
export class AppComponent {
    @ViewChild(DxListComponent, { static: false }) list: DxListComponent;
    // Prior to Angular 8
    // @ViewChild(DxListComponent) list: DxListComponent;
    listDataSource: any = {};
    getDataSource () {
        this.listDataSource = this.dataGrid.instance.getDataSource();
    }
}
@NgModule({
    imports: [
        // ...
        DxListModule
    ],
    // ...
})

Now, you can call any method exposed by the DataSource. For example, you can reload data using the reload() method.

JavaScript
listDataSource.reload();
See Also