Example of Default Functionalities in Blazor Dropdown Tree Component

Dropdown Tree / Default Functionalities

This sample explains the default functionalities of the Blazor Dropdown Tree component with different local data binding. Click the Dropdown Tree component and then select an item from the hierarchical structure options list.

The Dropdown Tree component loads the data through the DataSource property that is a member of the Fields property, where the data can be either local or remote. With local data, the data structure can be hierarchical data or list data (with self-referential format, i.e., mapped with the Id and ParentID fields).

In this demo, the first Dropdown Tree component is bound with hierarchical data that contains an array of nested objects. The second Dropdown Tree component is bound with list type data, where the parent-child relation is referenced by the ID and ParentID mapping fields.

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