TreeView为同一级别的每个项目添加不同的上下文菜单，WPF MVVM

Question

在this article 的帮助下，我使用 WPF 和 MVVM 创建了 TreeView。现在我想为一个级别中的每个项目添加不同的上下文菜单。 谷歌研究允许我为一个级别的每个项目创建相同的上下文菜单。

所以我的问题你有什么想法可以让我在完全尊重架构 MVVM 的情况下为同一级别的每个项目创建上下文菜单吗？

下面的代码允许我为一个级别的每个项目创建相同的上下文菜单：

<TreeView.Resources>

<!--  Begin Context Menu  -->                                  
<ContextMenu x:Key="TreeViewContextualMenuLevel2" >
    <MenuItem Command="{Binding AddLevelTwoCommand}" Header="Add"/>
</ContextMenu>
<ContextMenu x:Key="TreeViewContextualMenuLevel3" >
    <MenuItem Command="{Binding EditCommand}" Header="Edit" />
    <MenuItem Command="{Binding RemoveCommand}" Header="Remove " />
</ContextMenu>
<!--  End context Menu  -->

<!--  Begin Level 1 -->
<HierarchicalDataTemplate 
DataType="{x:Type local:FirstLevelViewModel}" 
ItemsSource="{Binding Children}" >
    <StackPanel Orientation="Horizontal">
        <Image Width="16" Height="16" Margin="3,0" Source="/Images\RedCircle.png" />
        <TextBlock Text="{Binding DefEntity1Name}" />
    </StackPanel>
</HierarchicalDataTemplate>
 <!--  End Level 1  -->

<!--  Begin Level 2: Root  -->
<HierarchicalDataTemplate DataType="{x:Type local:SecondLevelViewModel}" ItemsSource="{Binding Children}">
    <StackPanel Orientation="Horizontal" ContextMenu="{StaticResource TreeViewContextualMenuLevel2}">
        <Image Width="16" Height="16" Margin="3,0" Source="/Images\RedCircle.png" />
        <TextBlock Text="{Binding DefEntity2Name}" />
    </StackPanel>
</HierarchicalDataTemplate>
<!--  End Level 2: Root  -->

<!--  Begin Level 3  -->
<DataTemplate DataType="{x:Type local:ThirdLevelViewModel}">
    <StackPanel Orientation="Horizontal" ContextMenu="{StaticResource TreeViewContextualMenuLevel3}">
        <Image Width="16" Height="16" Margin="3,0" Source="/Images\GreenCircle.png" />
        <TextBlock Text="{Binding ThirdLevelEntityName}" />
    </StackPanel>
</DataTemplate>
<!--  End Level 3  -->

</TreeView.Resources>

Answer 1

您将 MenuItems 集合添加到您的视图模型并将 ContextMenu.ItemsSource 绑定到它：

例子：

public class ViewModel
{
    public List<MenuItem> ContextMenuItems { get; set; }

    public ViewModel()
    {
        ContextMenuItems = new List<MenuItem>();
        ContextMenuItems .Add(new MenuItem() { Header = "item1", Command = new RelayCommand(() => { MessageBox.Show("Item 1 is clicked", "test", MessageBoxButton.OK, MessageBoxImage.Error); }) });
        ContextMenuItems.Add(new MenuItem() { Header = "item2", Command = new RelayCommand(() => { MessageBox.Show("Item 2 is clicked", "test", MessageBoxButton.OK, MessageBoxImage.Error); }) });
    }
}

在您的 xaml 资源中：

<ContextMenu x:Key="TreeViewContextualMenuLevel2" ItemsSource="{Binding ContextMenuItems}" />

因此，您可以根据您的条件为每个项目创建单独的上下文菜单

RelayCommand的例子可以在here找到

希望对你有帮助