Bind Grid to a FormControl

[Collin Barrett]

Is there a way to bind the Grid to a FormControl? When I try doing this, I get the error message below:

Cannot find control with name: "myGrid"

Template:

<form [formGroup]="myForm">
    <ejs-grid
        formControlName="myGrid"

    >

   ...

   </ejs-grid>

</form>

Component:

    ...

    ngOnInit() {
        this.myForm = this.formBuilder.group({
            myGrid: ''
        });
    }

    ...

[Balaji Sekar]

Hi Collin, 

 

Greetings from Syncfusion support 

 

Query : Bind Grid to a Form Control. 

 

Before Proceeding your query, we need some more information about this. 

 

1. Generally “formControlName” is used only for input element. By this property, you can access the values inside the input box.
2. But in Grid it does not support the “fromControlName” instead, you can use the Grid ID to access the grid properties.

 

So please share us your full requirement to validate further and give the better response. 

 

Regards 

Balaji Sekar. 

[Collin Barrett]

We have a shared component that expects an Angular reactive form to be used as input. The requirement is to use a Grid instance with Selection as an input on that form. So, yes, we were wondering if there is a way to bind a Grid as an input to an Angular reactive form?

Thanks.

[Balaji Sekar]

Hi Collin, 

 

Greetings from Syncfusion support 

 

Query : Angular reactive form to be used as input 

 

For this query we already have a documentation in our Grid component. Kindly refer that. You can get the details by the following link, 

 

Documentation link : https://ej2.syncfusion.com/angular/documentation/grid/edit/?no-cache=1#reactive-forms 

 

Please get back to us if you need further assistance 

 

Regards 

Balaji Sekar.