I want to purchase gaant chaart for react

I have a question before purchasing it 

  1. How i can retrive the data when the user edit the data from gaant ui into my react code base so that i can just send the data back to backend , please tell me with the use of functional components of react not class based .

1 Reply

GM Gopinath Munusamy Syncfusion Team August 17, 2022 01:42 PM UTC

Hi Deepanshu Goyal,


Greetings from Syncfusion support.


We can use the Data Manager to save the changes made in the Gantt Chart to the database. Here we have attached a UrlAdaptor sample to achieve your requirement to send the data to the backend for every CRUD operation, please check the below sample and code snippets for more details,

Code snippets:

dataSource={ new DataManager({

            url: 'https://localhost:44379/Home/UrlDatasource',

            adaptor: new UrlAdaptor(),

            crossDomain: true,

            batchUrl: 'https://localhost:44379/Home/BatchUpdate'

          })

}


Please refer the below Online Documentation link to learn more about this. 


Online Documentation: https://ej2.syncfusion.com/react/documentation/gantt/managing-tasks/#maintaining-data-in-server


Please refer the below sample for more details,

Front-End: https://stackblitz.com/edit/react-ts-bjhyqr?file=index.html,App.tsx

Back-End: https://www.syncfusion.com/downloads/support/forum/176790/ze/Url_Adaptor1049198768.zip


Please contact us if you require any further assistance. 


Regards,

Gopinath M


Loader.
Up arrow icon