How to bind the lightbox default save button and delete button with the interface to add, modify and delete the corresponding data in the database

For example:
Click the default save button of the light box to add or update relevant data in the database

Gantt is a client-side library, it doesn’t directly communicate with the database or the server-side. All changes occur only inside the browser.

To load the data, you can use the gantt.load or gantt.parse methods:

To send the changes to the server, you need to use the Data Processor or built-in Ajax module. You can read more about it in the following articles:

Here are examples:

However, if you have ready methods to edit the database, you can redefine the lightbox button actions by using the event handlers:

And you can create a modal that will look like the lightbox: