DevExtreme Angular - Access the DataSource
Regardless of the data source you use, the SelectBox always wraps it in a DataSource. Call the getDataSource() method to get the instance of the DataSource.
TypeScript
- import { DxSelectBoxModule, DxSelectBoxComponent } from "devextreme-angular";
- // ...
- export class AppComponent {
- @ViewChild(DxSelectBoxComponent, { static: false }) selectBox: DxSelectBoxComponent;
- // Prior to Angular 8
- // @ViewChild(DxSelectBoxComponent) selectBox: DxSelectBoxComponent;
- ds: any = {};
- getDataSource () {
- this.ds = this.selectBox.instance.getDataSource();
- }
- }
- @NgModule({
- imports: [
- // ...
- DxSelectBoxModule
- ],
- // ...
- })
Now, you can call any method the DataSource exposes. For example, you can reload data using the load() method.
JavaScript
- selectBoxDataSource.load();
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.