Blazor Dropdown Tree Example - Selection Modes
This sample explains the checkbox and multi-selection functionalities of the Dropdown Tree component with box and delimiter visual modes. Click on any parent item's checkbox to check or uncheck the item and its child items. The parent items' checked state will be determined by its child item’s checked state.
To select multiple nodes, press the CTRL key and select the desired nodes. Or select any node, press the SHIFT key and select another node, which selects all the nodes in between the selected nodes.
Properties
The Dropdown Tree component can be rendered with a checkbox on the left side of each tree item. This allows the user to check more than one item, and this can be enabled with the ShowCheckBox property.
The Dropdown Tree component allows you to select multiple items by enabling the AllowMultiSelection property.
In this demo, the Dropdown Tree component is populated with the checkbox feature enabled.