Dynamically bind items in WPF menubar

Question

0.00/5 (No votes)

See more:

I have this class

internal class AppMenuItem
{
    public int AppMenuID { get; set; }
    public string ApphMenuName { get; set; }
    public string AppMenuUrlPath { get; set; }
    public int AppMenuParentID { get; set; }
    public List<AppMenuItem> AppSubMenuItems { get; set; }
}

In the MenuTable in the database, there are the same named columns.
The menu needs to have 1 level of parent items and under them child items.
I am using a menu control to display the menuitems on the WPF window

<Menu x:Name="AppMenu" Style="{DynamicResource ResourceKey=AppMainMenu}" ItemsSource="{Binding appMenuItemList}">
    <Menu.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </Menu.ItemsPanel>
    <DataTemplate>
        <MenuItem Header="{Binding AppMenuName}"/>
    </DataTemplate>
</Menu>

appMenuItemList is a List<appmenuitem> in which I am loading the data from the data table.

Is there an easier way to bind parent and child items to the menu control

What I have tried:

<Menu x:Name="AppMenu" Style="{DynamicResource ResourceKey=AppMainMenu}" ItemsSource="{Binding appMenuItemList}">
    <Menu.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </Menu.ItemsPanel>
    <DataTemplate>
        <MenuItem Header="{Binding AppMenuName}"/>
    </DataTemplate>
</Menu>

Posted 20-Jun-24 6:25am

Christopher Fernandes

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Pete O'Hanlon · Answer 1 · 2024-06-20T19:55:00

The typical way to create a menu with sub-items is to use a template that looks something like this:

XML

<Menu ItemsSource="{Binding appMenuItemList}">
  <Menu.ItemContainerStyle>
    <Style TargetType="{x:Type MenuItem}">
        <Setter Property="Command" Value="{Binding Command}" />
    </Style>
  </Menu.ItemContainerStyle>
  <Menu.ItemTemplate>
    <HierarchicalDataTemplate DataType="{x:Type local:AppMenuItem}" ItemsSource="{Binding Path=AppSubMenuItems}">
        <TextBlock Text="{Binding AppMenuName}"/>
    </HierarchicalDataTemplate>
  </Menu.ItemTemplate>
</Menu>

Note that you have work to do here as you actually need to supply a command for the code to execute:

C#

internal class AppMenuItem
{
    public int AppMenuID { get; set; }
    public string AppMenuName { get; set; }
    public string AppMenuUrlPath { get; set; }
    public int AppMenuParentID { get; set; }
    public List<AppMenuItem> AppSubMenuItems { get; set; }
    public ICommand Command { get; set; }
}

I don't know what you're trying to do there so I can't supply a command for you. I haven't supplied code for your command implementation - you can find any number of ICommand implementations; search for RelayCommand for a good example to use as the source of your ICommand if you don't have one.

Dynamically bind items in WPF menubar

1 solution

Solution 1

Add your solution here

Preview 0

Dynamically bind items in WPF menubar

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us