Search code examples
wpfxamlcontextmenu

WPF Merge ContextMenues in XAML


is it possible to merge two ContextMenues in XAML?

I created two ContextMenues as resources. I use them in a couple of DataTemplates and it works fine. However, for some DataTemplates, I would like to merge the two ContextMenues. Unfortunately, this does not seem to work. Here's a bit of the code from one of these ContextMenues, the other ones are defined the same:

<ContextMenu x:Key="CtxIEditableViewModel" DataContext="{Binding PlacementTarget,RelativeSource={RelativeSource Self}}">
    <MenuItem Header="Edit" Command="{Binding Path=DataContext.EditCommand}" CommandParameter="{Binding }">
        <MenuItem.Icon>
            <Image Source="{StaticResource IcoEdit}"  Width="16" Height="16"></Image>
        </MenuItem.Icon>
    </MenuItem>
    ...

Using one of those ContextMenues works fine:

<StackPanel Orientation="Horizontal" ContextMenu="{StaticResource CtxIEditableViewModel}">

But how to merge two? This does not work

<StackPanel Orientation="Horizontal">
        <ContextMenu>
            <ContextMenu.ItemsSource>
                <CompositeCollection>
                    <StaticResource ResourceKey="CtxIEditableViewModel" />
                    <StaticResource ResourceKey="CtxRootViewModel" />
                </CompositeCollection>
            </ContextMenu.ItemsSource>

And this does not work either:

<StackPanel Orientation="Horizontal">
        <ContextMenu>
            <StaticResource ResourceKey="CtxIEditableViewModel" />
            <StaticResource ResourceKey="CtxRootViewModel" />
        </ContextMenu>

When I run the programm an exception is thrown saying that the context menu may not contain a logical or visual parent. Since it works fine if I only use one ContextMenu, I do not understand the exception message.

How can I merge those two ContextMenues in XAML (or is it not possible at all)?


Solution

  • here one way to do it using CompositeCollection

    <Window.Resources>
        <ResourceDictionary>
            <x:Array Type="{x:Type sys:Object}" x:Key="CtxIEditableViewModel" x:Shared="false">
                <MenuItem Header="Edit1"/>
                <MenuItem Header="Edit2"/>
            </x:Array>
            <x:Array Type="{x:Type sys:Object}" x:Key="CtxRootViewModel" x:Shared="false">
                <MenuItem Header="Root1" />
                <MenuItem Header="Root2"/>
            </x:Array>              
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Border Grid.Row="0" Background="LightBlue">
            <Border.ContextMenu>
                <ContextMenu>
                    <ContextMenu.ItemsSource>
                        <CompositeCollection>
                            <CollectionContainer Collection="{StaticResource CtxIEditableViewModel}" />                            
                        </CompositeCollection>
                    </ContextMenu.ItemsSource>
                </ContextMenu>
            </Border.ContextMenu>
        </Border>
        <Border Grid.Row="1" Background="LightGreen">
            <Border.ContextMenu>
                <ContextMenu>
                    <ContextMenu.ItemsSource>
                        <CompositeCollection>                            
                            <CollectionContainer Collection="{StaticResource CtxRootViewModel}" />
                        </CompositeCollection>
                    </ContextMenu.ItemsSource>
                </ContextMenu>
            </Border.ContextMenu>
        </Border>
        <Border Grid.Row="2" Background="Khaki">
            <Border.ContextMenu>
                <ContextMenu>
                    <ContextMenu.ItemsSource>
                        <CompositeCollection>                            
                            <CollectionContainer Collection="{StaticResource CtxIEditableViewModel}" />
                            <CollectionContainer Collection="{StaticResource CtxRootViewModel}" />
                        </CompositeCollection>
                    </ContextMenu.ItemsSource>
                </ContextMenu>
    
            </Border.ContextMenu>
        </Border>
    </Grid>
    

    PS: x:Shared="false" is important because without it unique instances will be re-used several context menus, and they fail to work that way. There would be missing menu items with or without reserved space for them.