Dropdown Tree / Selection

Blazor Dropdown Tree Example - Selection Modes

Loading Syncfusion Blazor Server Demos…

Properties

This example demonstrates checkbox and multi-selection functionalities of DropDownTree with box and delimiter visual modes.

Selection features:

  • Click checkbox on parent item to check/uncheck item and children
  • Parent item state determined by child item state
  • Press CTRL key and select desired nodes for multi-selection
  • Press SHIFT key and select another node to select range

Checkbox implementation:

  • Enable checkbox via ShowCheckBox property
  • Display checkbox on left side of each tree item
  • Allow checking multiple items

Multi-selection:

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE