New to Telerik UI for Blazor? Start a free 30-day trial
PanelBar Data Binding to Flat Data
Updated on Sep 3, 2026
This article explains how to bind the PanelBar for Blazor to flat data.
Flat data means that the entire collection of PanelBar items is available at one level, for example List<MyPanelBarModel>.
The parent-child relationships are created through internal data in the model - the ParentId field which points to the Id of the item that will contain the current item. The root level has null for ParentId. There must be at least one node with a null value so that the PanelBar 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 of flat data in a PanelBar
Loading ...