1. Home
  2. Forum
  3. Vue
  4. Save the changes on database.

Save the changes on database.

I have integrated the data grid component along with toolbar. I am now able to add, edit, delete rows from the datagrid. But how to save this changes?

I am working on Vue.js.

The :toolbarClick="toolbarClick" callback is getting triggered.

I can detect the click as well using,

toolbarClick (args) {
if (args.item.text === 'Save') {
console.log('update the datagrid - ', this)
}
}

Here I want the fetch the updated JSON so that I can save it on my db. Please let us know.


1 Reply 1 reply marked as answer
AG Ajith Govarthan Syncfusion Team December 2, 2020 12:52 PM UTC

Hi Abhisek, 
 
Thanks for contacting Syncfusion support. 
 
Query: I have integrated the data grid component along with toolbar. I am now able to add, edit, delete rows from the datagrid. But how to save this changes?I am working on Vue.js 
 
We have checked your query and suspect that you want to save the added or edited row.  By default, in your EJ2 Gird you can Perform the CRUD actions with toolbar buttons, or you can perform the CRUD action programmatically by calling the edit service methods.  For your convenience we have attached the documentation so please refer the documentation for your reference. 
 
UG-links: 
 
 
 
 
 
If we misunderstood, you query then please share the below details to validate further on your requirement. 
 
  1. Please share the complete grid code example.
 
  1. Share the screenshot of your requirement.
 
  1. Share the Syncfusion package version.
 
Regards, 
Ajith G. 


Marked as answer
Loader.
Up arrow icon