[REACT] New Task button disable property

[ahmad.siddique]

Hi everyone.

I am facing a new challenge here with the "Create New Task" button.

Screenshot 2024-03-22 at 3.37.45 PM.png (8.59 KiB) Viewed 136 times

I want to disable this button when a new task is created and its input is still in editing mode.

This button should only be enabled again if the user has done his input (input field is not in focus).

If the button is enabled the user can create back-to-back tasks which causes a lot of load on the server.
https://bryntum.com/products/gantt/examples/advanced/

[alex.l]

Hi,

You'll need to track https://bryntum.com/products/gantt/docs/api/Gantt/feature/CellEdit#events events
For example https://bryntum.com/products/gantt/docs/api/Gantt/feature/CellEdit#event-startCellEdit and https://bryntum.com/products/gantt/docs/api/Gantt/feature/CellEdit#event-finishCellEdit and https://bryntum.com/products/gantt/docs/api/Gantt/feature/CellEdit#event-cancelCellEdit

[ahmad.siddique]

Thanks, Alex. I can track these events but how can I disable the button? I mean can you please share the documentation link or code snippet where I can see how to disable it? Thanks.

[tasnim]

Hi,

Sure, please check this codepen https://codepen.io/dv-auntik/pen/ExJmNKr?editors=0010
This shows how to disable the button in toolbar

Please let us know if you have any other questions.

Best of luck
Tasnim

[ahmad.siddique]

Thanks Tasnim, this was helpful.