New to Telerik UI for ASP.NET Core? Download free 30-day trial

ASP.NET Core TreeView Checkboxes

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
checkboxes.cshtml
CheckboxesController.cs
Checkboxes_TagHelper.cshtml

Also available for:

CLIENT-SIDE API HTML HELPER API

Description

To facilitate the user interaction with the Telerik UI for ASP.NET Core TreeView, you can enable the nodes checkboxes. In this way, whent he user selects a parent node, its child nodes will be selected as well. Also, if all child nodes are selected one by one, their parent will be selected, too.

To define the TreeView checkboxes, use either of the following approaches:

  • Setting the Checkboxes option to true.
  • Setting the name of the checkbox inputs in the Name() method and enable the CheckChildren() option, which indicates whether checkboxes of child items will be checked when the parent item checkbox is checked. To implement the feature, add these two methods in the Checkboxes() configuration.

In this demo, the TreeView checkboxes are implemented by utilizing the options in the Checkboxes() configuration.

Additional Apps

This TreeView example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources