1. Home
  2. Forum
  3. Angular - EJ 2
  4. Grid dialog - null values in reactive form set by dropdownlist component.

Grid dialog - null values in reactive form set by dropdownlist component.

Hello,

I'm working with "Add New Record" dialog opened from Grid toolbar. Dialog contains reactive form group where values are set by means of <ejs-datepicker>, <ejs-checkbox> and <ejs-dropdownlist>. When I want to submit the form two events are fired - actionBegin and actionComplete. ​In method fired by actionBegin event all formControls set in the reactive form have proper values  but in method called by actionComplete ​event - values which were set by dropdown lists are null​ (other formControls are fine, have proper values). This issue occurred right after I have updated Syncfusion components version from 18.3.47 ​to 19.2.57. ​Could you please tell me what might have caused the problem? Thank you in advance.

King regards
Damian Szwajkos


3 Replies
JC Joseph Christ Nithin Issack Syncfusion Team September 28, 2021 04:43 PM UTC

Hi Damian, 

  Greetings from Syncfusion support. 

  Based on your query, when you click the submit button after adding a new record with a reactive form, in the `actionComplete` event  you get null for the values you set by using the dropdown list. Based on the provided information we have prepared a sample using the Syncfusion package version `19.2.57` and tried to reproduce the mentioned issue but we were not able to reproduce the issue. We have also attached the sample and screenshot for your reference. 

 


Please provide the following information so that we may be able to provide a better solution ASAP. 

  • Share the grid rendering code you have used.
  • Share the screenshot or video demonstration of the issue.
  • Try to reproduce the mentioned issue in the sample provided.

Regards, 
Joseph I. 


DS Damian Szwajkos September 29, 2021 11:01 AM UTC

Hello,

Thank you for quick reply. I have analized sample you have sent me and it works fine. I have used the same demo with changed dependencies to those that I use in the project - Angular 8 and Syncfusion components with versions 19.2.55 or higher. In this case in actionComplete ​event when we open orderForm ​field Freight ​is null ​but in args.data​ this field has proper value.

orderForm:

OrderFormValue.PNG

args.data:

OrderFormArgs.PNG

This is the situation I am struggling with.
Modified Sample: https://stackblitz.com/edit/angular-tttqtn-c6qrlh?file=app.component.html

Kind regards
Damian Szwajkos



JC Joseph Christ Nithin Issack Syncfusion Team September 30, 2021 12:52 PM UTC

Hi Damian, 

  Thanks for your update. 

  We have created a new incident under your Direct trac account. We suggest you follow up with the incident for further updates. Please log in using the below link. 


Regards, 
Joseph I. 


Loader.
Up arrow icon