DevExtreme Angular - Destroy a Widget
To dispose of a DevExtreme widget, free up the allocated resources by calling the dispose() method. Then, remove the widget's associated DOM node:
HTML
- <dx-data-grid #dataGridVar id="myDataGrid"></dx-data-grid>
TypeScript
- import { ..., ViewChild } from "@angular/core";
- import { DxDataGridComponent } from "devextreme-angular";
- // ...
- export class AppComponent {
- @ViewChild("dataGridVar") dataGrid: DxDataGridComponent;
- removeDataGrid (e) {
- this.dataGrid.instance.dispose();
- document.getElementById("myDataGrid").remove();
- }
- }
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.