Example of Selection in ASP.NET MVC Gantt Chart Control
This sample showcases the selection feature in the Gantt Chart. It allows highlighting rows or cells.
Enable Hover |
|
Selection Mode
|
|
|
|
Selection Type
|
|
|
|
Toggle Selection
|
|
|
|
|
In this demo sample, the selection functionality is configured in the Gantt Chart. The selection type can be configured using the SelectionSettings.Type property:
Single
- Allows selection of a single row or cell.Multiple
- Enables selection of multiple rows or cells using Ctrl + click.
The selection mode is set using the SelectionSettings.Mode property: They are:
Row
- Allows selection of entire rows.Cell
- Allows selection of individual cells.Both
- Enables selection of both rows and cells simultaneously.
Toggle selection is supported through the selectionSettings.EnableToggle property, which allows deselecting a selected item by clicking it again.
The EnableHover highlights the current row, header cell, and timeline cell on mouse hover, improving visual feedback during interaction.