New to Telerik UI for Blazor? Start a free 30-day trial

Treeview Data Binding to Flat Data

Updated on Oct 2, 2026

This article explains how to bind the TreeView for Blazor to flat data.

Before continuing, make sure you are familiar with the TreeView data binding basics.

Flat data means that the entire collection of treeview items is available at one level, for example List<MyTreeItemModel>.

The parent-child relationships are created through internal data in the model - the Parent field which points to the Id of the item that will contain the current item. The root level has null for Parent. There must be at least one node with a null value so that the TreeView renders anything.

You must also provide the correct value for the HasChildren field - for items that have children, you must set it to true so that the expand arrow is rendered.

Example for flat data in a Treeview, using non-default ParentIdField

Example
View Source
Loading ...

See Also

In this article
See Also
Not finding the help you need?
Contact Support