RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://js.devexpress.com/Vue/Documentation/ApiReference/UI_Components/dxValidationGroup/Methods/ below:

Vue ValidationGroup Methods | Vue Documentation

This section describes members used to manipulate the UI component.

Disposes of all the resources allocated to the ValidationGroup instance.

jQuery

After calling this method, remove the DOM element associated with the UI component:

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

Angular

Use conditional rendering instead of this method:

<dx-validation-group ...
    *ngIf="condition">
</dx-validation-group>

Vue

Use conditional rendering instead of this method:

<template>
    <DxValidationGroup ...
        v-if="condition">
    </DxValidationGroup>
</template>

<script>
import DxValidationGroup from 'devextreme-vue/validation-group';

export default {
    components: {
        DxValidationGroup
    }
}
</script>

React

Use conditional rendering instead of this method:

import React from 'react';

import ValidationGroup from 'devextreme-react/validation-group';

function DxValidationGroup(props) {
    if (!props.shouldRender) {
        return null;
    }

    return (
        <ValidationGroup ... >    
        </ValidationGroup>
    );
}

class App extends React.Component {
    render() {
        return (
            <DxValidationGroup shouldRender="condition" />
        );
    }
}
export default App;

Gets the root UI component element.

Gets the instance of a UI component found using its DOM node.

Parameters:

The UI component's container.

The UI component's instance.

getInstance is a static method that the UI component class supports. The following code demonstrates how to get the ValidationGroup instance found in an element with the myValidationGroup ID:

// 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);