DEV Community

Cover image for Getting Started with the Blazor Dropdown Tree Component
Arun for Syncfusion, Inc.

Posted on

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

Top comments (0)