How to send data from grid dialog template to controller save action

Question

Dear support,I used this documentation in order to create my Dialog Grid.https://ej2.syncfusion.com/vue/documentation/grid/edit/#dialoginline-template However, I don't know what I have to do to retrieve the form Dialog datas and send them to the controller which will save the datas into a MYSQL database.Can you help me ?best regards

Sujith Kumar Rajkumar · Accepted Answer

Hi Sandra, 
 
Greetings from Syncfusion support. 
 
Based on the provided information we suspect that you have bound remote data to the Grid and would like to know on how the edit controls values rendered in the Grid’s dialog template will be passed to the controller action on performing save action. If so, we would like to let you know that the updated cell value will be retrieved from the edit form based on its control name which matches with the Grid’s data field name. The default rendered edit control elements will have the column field as its name. Now since you are rendering custom edit controls in the dialog template, you need to set the corresponding column field name as the edit control’s ‘name’ in order for it to be fetched and passed to the controller on save. 
 
You can see the ‘OrderID’ set as one of the input control’s name in the below image(taken from the documentation link that you mentioned) which is a data field name, 
 
  
 
We have prepared an Asp.Net Core with Vue sample application with EJ2 Grid(data bound using URL adaptor) based on this for your reference. You can download it from the following link, 
 
Sample: https://www.syncfusion.com/downloads/support/forum/166130/ze/GridWithDialogTemplate1100846334 
 
Note: You can run this sample by opening the project in Visual Studio, restoring the packages and node modules for it and then launch the application. 
 
Please get back to us if you require any further assistance. 
 
Regards, 
Sujith R