WPF MVVM中如何为绑定ItemSource的MenuItem添加自定义子菜单？

你遇到的绑定错误核心原因有两个：

1. XAML存在多处拼写错误（HeriarachicalDataTemplate→HierarchicalDataTemplate、RelativeSouce→RelativeSource、FindAcestor→FindAncestor、x:TYpe→x:Type），导致解析异常，绑定路径无法正确识别。
2. 子菜单的绑定逻辑错误：你试图绑定到ContextMenu的DataContext的全局子菜单集合，但每个父菜单的子菜单应该属于当前菜单项自身的ViewModel属性，而非全局属性。

另外，ContextMenu不在WPF可视化树中，直接通过常规RelativeSource绑定容易出问题，需要通过PlacementTarget获取目标元素的DataContext。

1. 定义统一的菜单数据模型 #

先创建一个支持多层子菜单的ViewModel，包含菜单名称、子菜单集合、命令等核心属性：

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows.Input;

public class MenuItemViewModel : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set { _name = value; OnPropertyChanged(); }
    }

    private ObservableCollection<MenuItemViewModel> _subMenus;
    public ObservableCollection<MenuItemViewModel> SubMenus
    {
        get => _subMenus;
        set { _subMenus = value; OnPropertyChanged(); }
    }

    public ICommand Command { get; set; }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([System.Runtime.CompilerServices.CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 在TreeView项ViewModel中添加上下文菜单集合 #

在你的ItemsViewModel中，添加用于绑定上下文菜单的集合属性：

public class ItemsViewModel : INotifyPropertyChanged
{
    // TreeView项自身的属性，例如名称
    private string _itemName;
    public string ItemName
    {
        get => _itemName;
        set { _itemName = value; OnPropertyChanged(); }
    }

    // 上下文菜单的根菜单项集合
    private ObservableCollection<MenuItemViewModel> _contextMenuItems;
    public ObservableCollection<MenuItemViewModel> ContextMenuItems
    {
        get => _contextMenuItems;
        set { _contextMenuItems = value; OnPropertyChanged(); }
    }

    // INotifyPropertyChanged实现
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([System.Runtime.CompilerServices.CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. 修正后的XAML代码 #

通过HierarchicalDataTemplate处理多层菜单绑定，同时修正ContextMenu的DataContext绑定逻辑：

<TreeView x:Name="MyTreeView">
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate DataType="{x:Type local:ItemsViewModel}">
            <Grid>
                <!-- TreeView项的显示内容 -->
                <TextBlock Text="{Binding ItemName}" />

                <Grid.ContextMenu>
                    <!-- 通过PlacementTarget获取TreeView项的ViewModel作为ContextMenu的DataContext -->
                    <ContextMenu DataContext="{Binding PlacementTarget.DataContext, RelativeSource={RelativeSource Self}}"
                                ItemsSource="{Binding ContextMenuItems}">
                        <!-- 用HierarchicalDataTemplate自动处理子菜单绑定 -->
                        <ContextMenu.ItemTemplate>
                            <HierarchicalDataTemplate DataType="{x:Type local:MenuItemViewModel}"
                                                      ItemsSource="{Binding SubMenus}">
                                <MenuItem Header="{Binding Name}"
                                          Command="{Binding Command}" />
                            </HierarchicalDataTemplate>
                        </ContextMenu.ItemTemplate>
                    </ContextMenu>
                </Grid.ContextMenu>
            </Grid>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

替代方案：用ItemContainerStyle实现 #

如果你更倾向于用样式而非模板，也可以通过递归设置ItemContainerStyle实现多层菜单：

<Grid.ContextMenu>
    <ContextMenu DataContext="{Binding PlacementTarget.DataContext, RelativeSource={RelativeSource Self}}"
                ItemsSource="{Binding ContextMenuItems}">
        <ContextMenu.ItemContainerStyle>
            <Style TargetType="MenuItem">
                <Setter Property="Header" Value="{Binding Name}" />
                <Setter Property="ItemsSource" Value="{Binding SubMenus}" />
                <Setter Property="Command" Value="{Binding Command}" />
                <!-- 为子菜单设置相同样式 -->
                <Setter Property="ItemContainerStyle">
                    <Setter.Value>
                        <Style TargetType="MenuItem">
                            <Setter Property="Header" Value="{Binding Name}" />
                            <Setter Property="ItemsSource" Value="{Binding SubMenus}" />
                            <Setter Property="Command" Value="{Binding Command}" />
                        </Style>
                    </Setter.Value>
                </Setter>
            </Style>
        </ContextMenu.ItemContainerStyle>
    </ContextMenu>
</Grid.ContextMenu>

• 确保所有XAML关键字拼写正确，避免因语法错误导致绑定失败。
• ContextMenu不属于可视化树，必须通过PlacementTarget关联到目标元素的DataContext。
• 菜单数据模型必须实现INotifyPropertyChanged，才能支持菜单内容的动态更新。
• 子菜单的ItemsSource必须绑定到当前菜单项ViewModel的SubMenus属性，而非全局集合。

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