The Gantt provides an option for editing individual cells in the TreeList pane.
The in-cell edit mode allows users to edit the value of each cell. Each time a cell is clicked or double-clicked, the respective event is emitted, and allows you to call a method that will open the cell in edit mode.
To implement in-cell editing use the following methods and events:
- When the end user clicks a TreeList cell, this triggers the
TaskClickEventdata includes the data item, associated with the clicked cell, the
GanttComponentinstance, and the original click event data.
- To put a cell in edit mode, call the Gantt
and pass the data item, column identifier, and a
FormGroup instance containing the respective editable fields.
- Handle the
cellCloseevent handler to process the Gantt data accordingly. The
CellCloseEventdata contains the
The following example demonstrates how to set up the in-cell editing mode of the Kendo UI Gantt for Angular using Reactive Forms.
The following example demonstrates how to open the double-clicked cell for editing.