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.

DEMO
SOURCE
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.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab