Adding items to the WPF HierarchyNavigator control

19 Dec 20221 minute to read

The steps to add items to the HierarchyNavigator control through code are as follows:

  1. Create a new HierarchyNavigator instance.
  2. Specify the item name in the Content property for each item in the hierarchical structure.
  • C#
    • HierarchyNavigator hierarchyNavigator1 = new HierarchyNavigator() { Height = 30 };



HierarchyNavigatorItem hierarchyNavigatorItem1 = new HierarchyNavigatorItem();

hierarchyNavigatorItem1.Content = "Syncfusion";



HierarchyNavigatorItem hierarchyNavigatorItem11 = new HierarchyNavigatorItem();

hierarchyNavigatorItem11.Content = "User Interface";



HierarchyNavigatorItem hierarchyNavigatorItem111 = new HierarchyNavigatorItem();

hierarchyNavigatorItem111.Content = "Silverlight";

HierarchyNavigatorItem hierarchyNavigatorItem112 = new HierarchyNavigatorItem();

hierarchyNavigatorItem112.Content = "WPF";

HierarchyNavigatorItem hierarchyNavigatorItem113 = new HierarchyNavigatorItem();

hierarchyNavigatorItem113.Content = "ASP .Net";

HierarchyNavigatorItem hierarchyNavigatorItem114 = new HierarchyNavigatorItem();

hierarchyNavigatorItem114.Content = "MVC";



hierarchyNavigatorItem11.Items.Add(hierarchyNavigatorItem111);

hierarchyNavigatorItem11.Items.Add(hierarchyNavigatorItem112);

hierarchyNavigatorItem11.Items.Add(hierarchyNavigatorItem113);

hierarchyNavigatorItem11.Items.Add(hierarchyNavigatorItem114);



hierarchyNavigatorItem1.Items.Add(hierarchyNavigatorItem11);



hierarchyNavigator1.Items.Add(hierarchyNavigatorItem1);

    Or

  • XAML
    • <syncfusion:HierarchyNavigator x:Name="hierarchyNavigatorcontrol1"     VerticalAlignment="Top" Height="30" Width="600">

<syncfusion:HierarchyNavigator.Items>

<syncfusion:HierarchyNavigatorItem Content="Syncfusion">

<syncfusion:HierarchyNavigatorItem.Items>

<syncfusion:HierarchyNavigatorItem Content="User Interface"/>

<syncfusion:HierarchyNavigatorItem Content="Silverlight">

<syncfusion:HierarchyNavigatorItem.Items>

<syncfusion:HierarchyNavigatorItem Content="Tools"/>

</syncfusion:HierarchyNavigatorItem.Items>

</syncfusion:HierarchyNavigatorItem>

</syncfusion:HierarchyNavigatorItem.Items>

</syncfusion:HierarchyNavigatorItem>

</syncfusion:HierarchyNavigator.Items>

</syncfusion:HierarchyNavigator>