Example of Checkbox in Blazor TreeView Component

TreeView / Checkbox

The Blazor TreeView sample demonstrates the checkbox functionalities of the TreeView. Click on any parent node's checkbox to check/uncheck the node and its child nodes. The parent node's checked state will be determined by its child node's checked state.

  • Pictures
    • Camera Roll
      • WIN_20160726_094117.JPG imageWIN_20160726_094117.JPG
      • WIN_20160726_094118.JPG imageWIN_20160726_094118.JPG
    • Wind.jpg
    • Stone.jpg
Checked Items
Id Text
04-01
Camera Roll
04-01-01
WIN_20160726_094117.JPG
04-01-02
WIN_20160726_094118.JPG

The TreeView component can be rendered with checkbox on the left side of each tree node. This allows the user to check more than one node, and this can be enabled by the ShowCheckBox property.

In this demo, the TreeView is populated with checkbox enabled.

For more information, you can refer to the Checkboxes section from the documentation.

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