Hi Mahdoui,
Thank you for your patience!!!
We have prepared a sample of Gantt working in Redux. We have performed CRUD operations in actionComplete event .
The actionComplete event is triggered to update the Gantt data. You can perform the save operation based on the event arguments and you need to call the endEdit method to indicate the completion of the save operation. We have shared the code snippets of actionComplete event. Click on the link to get more information about actionComplete and endEdit events .
|
appComponent.ts
public actionComplete(args: any) {
if (args.requestType == "save") {
this.TaskService.updateRecord(this.tasks).subscribe(() => {
args.endEdit();
}, (e) => {
this.ganttChart.endEdit();
}
);
}
if (args.requestType == 'add') {
this.TaskService.addRecord(this.tasks).subscribe(() => {
args.endEdit();
});
this.TaskService.addRecord(this.tasks).subscribe(() => { }, error => console.log(error), () => {
args.endEdit();
});
}
if (args.requestType == 'delete') {
this.TaskService.deleteRecord(this.tasks).subscribe(() => {
args.endEdit();
});
}
}
|
We have defined the functions such as add, delete,update in task-store.service.ts file. Please refer below sample for more information.
|
addRecord(state: any): Observable<any> {// you can apply empty string instead of state.data to get failure(error)
return this.http.post<TaskModel>(this.apiUrl, state.data, httpOptions);
}
/** DELETE: delete the record from the server */
deleteRecord(state: any): Observable<any> {
const id = state.data[0].id;
const url = `${this.apiUrl}/${id}`;
return this.http.delete<TaskModel>(url, httpOptions);
}
/** PUT: update the record on the server */
updateRecord(state: any): Observable<any> {
return this.http.put(this.apiUrl, state.data, httpOptions);
} |
Please contact us for further assistance.
Regards,
Premkumar S
