Auto save in Batch editing mode

[Christian DAquino]

Hi,

I'm using the datagrid in batch editing mode, but I want to use axios requests to post my data to the server. After the data is changed and posted through axios, how do I make the grid acknowledge the save has already been posted and remove the green highlight from the cell?

[Ajith Govarthan]

Hi Christian, 

Thanks for contacting Syncfusion support. 

Based on your requirement you want to post the data to the server side using axios in batch edit mode. Before we proceed with this query, we need the following details. 

1. Please share the complete grid code example.   

2. Have you bind local or remote data in Grid? 

3. Syncfusion Package Version. 

Regards, 

Ajith G 

[Christian DAquino]

Hi,

Code is attached. I'm using local binded data. Package version is 18.2.56

Attachment: ResourceDemand_c00c6c38.zip

[Ajith Govarthan]

Hi Christian, 

Thanks for the update. 

Based on the attached code example we found that you want to save the data in the grid after posting the data through axios. You can achieve your requirement by calling the batchSave method in the success function of the axios post which will remove all the temporary green colored cells and will save the data in grid datasource also.  

For your convenience we have attached the sample so please refer the sample for your reference. 

Code example: 

    

 cellSaved: function(args) { 

      var grid = document.getElementsByClassName("e-grid")[0].ej2_instances[0]; 

      console.log(args); 

      grid.editModule.batchSave();    //call this method inside the success function of the axios post 

    } 

Sample Link: https://codesandbox.io/s/156225-vue-recordclick-forked-5pvpf 

UG-Links: 

https://ej2.syncfusion.com/vue/documentation/api/grid/edit/#batchsave 

https://ej2.syncfusion.com/vue/documentation/grid/edit/#batch 

Please get back to us if you need further assistance. 

Regards, 

Ajith G.