Skip to main content

Command Palette

Search for a command to run...

Getting Started with the Blazor Dropdown Tree Component

Published
1 min read
Getting Started with the Blazor Dropdown Tree Component

Learn how to get started with the Syncfusion Blazor Dropdown Tree component. This video demonstrates how to add the Blazor Dropdown Tree component with multi selection and two-way binding.

The Dropdown Tree component allows users to select a single value or multiple values in an input box from hierarchical data in a tree-like structure. It has several out-of-the-box features: data binding, checkboxes, templates, UI customization, accessibility, and preselected values.

Bind data to the Dropdown Tree component from different data sources, either self-referential data that contains a list of objects with parent ID mapping or hierarchical data that contains a nested list of objects. Data can be local or in any remote service and fetched using different kinds of adapters like OData, OData V4, URL, or a web API.

The Blazor Dropdown Tree component provides built-in support for using checkboxes to select more than one item. Enabling the checkboxes and auto-check functionality makes the parent and child items dependent on each other. The Blazor Dropdown Tree component supports in-built filtering through which users can filter the required items based on the characters searched in the search box.     

Tutorial video: https://www.syncfusion.com/tutorial-videos

More from this blog

Best UI Component Suite for Building Powerful Web, Desktop, and Mobile Apps

303 posts