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
editCellmethod and pass the data item, column identifier, and a
FormGroupinstance containing the respective editable fields.
- Handle the
cellCloseevent handler to process the Gantt data accordingly. The
CellCloseEventdata contains the
TaskEditItem, and all properties of the TreeList
CellCloseEvent. The event is preventable.
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.