WPF ContextMenu动态子菜单UI异常问题（ItemTemplate绑定场景）

原问题代码 #

<ContextMenu x:Key="OverviewListViewSingleSelectionContextMenu">
    <MenuItem Name="ViewPhotosMenuItem" Header="View Photos" Click="ViewPhotosMenuItem_Click"/>
    <Separator/>
    <MenuItem Name="NavigateBackMenuItem" Header="Navigate Back">
        <ItemsControl Name="RecentAthletesItemsControl" ItemsSource="{Binding RecentAthletesContextMenuItems}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <MenuItem Header="{Binding CurrentName.Fullname, Mode=OneWay}" Tag="{Binding .}" Click="RecentAthletesMenuItem_Click"/>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </MenuItem>
    <Separator/>
    <MenuItem Name="AutoSetAttributesMenuItem" Header="Auto-Set Attributes" Click="AutoSetAttributesMenuItem_Click"/>
</ContextMenu>

问题描述 #

我需要在WPF的ContextMenu中添加名为NavigateBackMenuItem的子菜单，将其子MenuItem绑定到RecentAthletesContextMenuItems集合。功能可以正常运行，但子菜单UI行为异常，推测根因和某StackOverflow文章提到的情况一致，但该文章的方案不适用于子菜单场景，寻求技术帮助。

问题根源 #

你当前的写法错误在于在MenuItem内部嵌套了ItemsControl。MenuItem本身就是ItemsControl的子类，原生支持ItemsSource绑定集合生成子项，额外嵌套的ItemsControl会破坏WPF菜单的原生容器逻辑，导致子菜单的展开、选中、鼠标交互等UI行为出现异常。

修复方案 #

直接给NavigateBackMenuItem设置ItemsSource，并通过ItemTemplate定义子MenuItem的模板，移除多余的ItemsControl即可：

<ContextMenu x:Key="OverviewListViewSingleSelectionContextMenu">
    <MenuItem Name="ViewPhotosMenuItem" Header="View Photos" Click="ViewPhotosMenuItem_Click"/>
    <Separator/>
    <MenuItem Name="NavigateBackMenuItem" 
              Header="Navigate Back"
              ItemsSource="{Binding RecentAthletesContextMenuItems}">
        <MenuItem.ItemTemplate>
            <DataTemplate>
                <MenuItem Header="{Binding CurrentName.Fullname, Mode=OneWay}" 
                          Tag="{Binding .}" 
                          Click="RecentAthletesMenuItem_Click"/>
            </DataTemplate>
        </MenuItem.ItemTemplate>
    </MenuItem>
    <Separator/>
    <MenuItem Name="AutoSetAttributesMenuItem" Header="Auto-Set Attributes" Click="AutoSetAttributesMenuItem_Click"/>
</ContextMenu>

修复说明 #

• MenuItem继承自ItemsControl，具备直接绑定集合生成子项的能力，无需额外嵌套ItemsControl
• 直接绑定ItemsSource后，WPF会按照菜单原生逻辑渲染子MenuItem，保证展开、选中、鼠标悬停等UI行为正常
• 保留原有的DataTemplate逻辑，确保子项的绑定和点击事件功能不受影响

内容的提问来源于stack exchange，提问作者Norbert