Methods

dispose()

$("#myValidationGroup").dxValidationGroup("dispose");
$("#myValidationGroup").remove();

<dx-validation-group #validationGroupVar id="myValidationGroup"></dx-validation-group>

import { ..., ViewChild } from "@angular/core";
import { DxValidationGroupComponent } from "devextreme-angular";
// ...
export class AppComponent {
    @ViewChild("validationGroupVar", { static: false }) validationGroup: DxValidationGroupComponent;
    // Prior to Angular 8
    // @ViewChild("validationGroupVar") validationGroup: DxValidationGroupComponent;

    removeValidationGroup (e) {
        this.validationGroup.instance.dispose();
        document.getElementById("myValidationGroup").remove();
    }
}

element()

getInstance(element)

// Modular approach
import ValidationGroup from "devextreme/ui/validation_group";
...
let element = document.getElementById("myValidationGroup");
let instance = ValidationGroup.getInstance(element) as ValidationGroup;

// Non-modular approach
let element = document.getElementById("myValidationGroup");
let instance = DevExpress.ui.dxValidationGroup.getInstance(element);

instance()

off(eventName)

off(eventName, eventHandler)

on(eventName, eventHandler)

on(events)

option()

option(optionName)

option(optionName, optionValue)

option(options)

reset()

validate()