HierarchicalDataTemplate with Menu Item

Question

Hello 
I have a ObservableCollection with properties: Name, Age, State, City.
I would like to display the States in Item menu Control, which will have City as child  and Citiy will have Name as Chlid too.
something like this.
Menu
State1 -> City1
State2      City2 ->   Name1
                 City3        Name2
I tried to follow this tutorial but I blocks.
https://zamjad.wordpress.com/2009/12/18/using-hierarchical-data-template-with-menu-item/
His example works but rather to define the value in the Window1 (), I would like to link value directly to my collection .
And also I have difficulty in using the HierarchicalDataTemplate on 3 level.
Can you help me?
Thanks in advance

Answer 1

>>I would like to display the States in Item menu Control, which will have City as child  and Citiy will have Name as Chlid too.
Then you should create three different classes:
namespace WpfApplication1
public class State
public string Name { get; set; }
public List<City> Cities { get; set; }
public class City
public string Name { get; set; }
public List<Name> Names { get; set; }
public class Name
public string FName { get; set; }
public string LName { get; set; }
..and set the ItemsSource of the Menu to a colletion of State objects that are populated with the corresponding cities and names as per the above structure, i.e. you will have to create a new collection of State objects from your existing (type = Name, Age,
State, City) collection to begin with.
You can then define the appearance of each type above using DataTemplates. Something like this:
<Menu xmlns:local="clr-namespace:WpfApplication1">
<Menu.Resources>
<HierarchicalDataTemplate DataType="{x:Type local:State}"
ItemsSource = "{Binding Path=Cities}">
<TextBlock Text="{Binding Path=Name}"/>
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="{x:Type local:City}"
ItemsSource = "{Binding Path=Names}">
<TextBlock Text="{Binding Path=Name}"/>
</HierarchicalDataTemplate>
<DataTemplate DataType="{x:Type local:Name}">
<TextBlock Text="{Binding Path=Name}"/>
</DataTemplate>
</Menu.Resources>
</Menu>
Hope that helps.
Please remember to close your threads by marking helpful posts as answer and please start a new thread if you have a new question.