Reactive form with Editor template

[c]

Hi Teams,

I work with the schedule component from SyncFusion and i would like to know if it's possible to work with reactive form inside popup editor event ?

Thanks you

Best regards,

[Vengatesh Maniraj]

Dear Customer, 

Greetings from Syncfusion Support. 

We have validated your requirement “is Editor template support Reactive Forms” at our end and we let you know that we can use the Reactive forms in the Schedule’s Editor Template. We have integrated the Reactive forms in editor template in the below sample by referring Reactive Forms site. Please refer to the below sample. 

 

Sample: https://stackblitz.com/edit/angular-atbqdj?file=src%2Fapp%2Fapp.component.html 

Note: In the above sample, we just integrate the Reactive Forms with editor template so while pressing the save button, the event will not save in the scheduler.  

You can make the forms as per your requirement in the Editor template and please get back to us if you need any further assistance.  

Regards, 

Vengatesh  

 

[c]

Hi Team, Great examples !

But How I can retrieve my value inside the method 'onPopupClose' ? And too, how disable button 'save' when my form is invalid ? 

Thanks you so much :) 

[Vengatesh Maniraj]

Dear Customer, 

Thanks for the update. 

 

How I can retrieve my value inside the method 'onPopupClose' ? 

You can retrieve the values from its corresponding form elements like below code 

 public onPopupClose(args) { 

        this.startDate = null; 

        this.endDate = null; 

        alert(args.element.querySelector('.name').value); 

    }   

Sample: https://stackblitz.com/edit/angular-atbqdj-rf5jaq?file=src%2Fapp%2Fapp.component.ts 

how disable button 'save' when my form is invalid ? 

We can disable the button by making use of its disabled property.  

(document.querySelector('.e-event-save') as any).ej2_instances[0].disabled = true 

 

You can set true/false to the property disabled based on your requirement. 

 

Please try the above solution and get back to us if you need any further assistance. 

Regards, 

Vengatesh