0

我有一个带有 TreeView 的用户控件，其中节点是动态生成的（实际上我使用 HierarchicalDataTemplate 属性），具体取决于输入 XML 的结构。如果我单击单个节点上的左按钮，则 XML 的那部分内容将出现在单独的用户控件上。单个节点通过 TreeViewItem 的属性 Header 可视化。

我想添加的是一个带有右键的逻辑，它只显示一个上下文菜单，在该单个节点上只有很少的命令。

我在网上搜索了一些材料（因为我对 WPF 很陌生）并首先尝试定义一个上下文菜单...

第一种解决方案 XAML：

<TreeView x:Name="treeViewStruttura" Panel.ZIndex="1" HorizontalAlignment="Left" VerticalContentAlignment="Top" Width="200" Height="Auto">
  <TreeView.ItemTemplate>
    <HierarchicalDataTemplate ItemsSource="{Binding Children}">
      <HierarchicalDataTemplate.Resources>
        <Style TargetType="{x:Type TreeViewItem}">
          <EventSetter Event="PreviewMouseLeftButtonDown" Handler="OnTreeNodeMouseClick" />
          <EventSetter Event="PreviewMouseRightButtonDown" Handler="OnTreeNodeMouseRightClick"/>
          <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
              <Setter Property="BorderBrush" Value="LightGray" />
            </Trigger>
          </Style.Triggers>
          <Style.Resources>
            <Style TargetType="Border">
              <Setter Property="CornerRadius" Value="4"/>
              <Setter Property="BorderThickness" Value="4"/>
            </Style>
          </Style.Resources>
        </Style>
      </HierarchicalDataTemplate.Resources>
      <TreeViewItem Header="{Binding Text}" x:Name="treeViewItem" HorizontalAlignment="Left" HorizontalContentAlignment="Left"
                BorderThickness="2">
        <TreeViewItem.ContextMenu>
            <ContextMenu IsEnabled="True" IsOpen="True" >
              <MenuItem Command="ModificaArticolo"  />
              <MenuItem x:Name="menuItemCopy" Header="Copy" Command="Copy" Tag="0"/>
            </ContextMenu>
          </TreeViewItem.ContextMenu>
      </TreeViewItem>
    </HierarchicalDataTemplate>
  </TreeView.ItemTemplate>
</TreeView>

代码隐藏：

public partial class DocumentView : UserControl
{
    public DocumentView()
    {
        InitializeComponent();
        PreviewMouseRightButtonDown += DocumentView_PreviewMouseRightButtonDown;

    }

    void DocumentView_PreviewMouseRightButtonDown(object sender, MouseButtonEventArgs e)
    {
        MenuClick();
    }

    private void MenuClick()
    {
        ContextMenu menu = new ContextMenu();

        var copyMenuItem = new MenuItem();
        copyMenuItem.Command = System.Windows.Input.ApplicationCommands.Copy;
        copyMenuItem.Header = "Copy";
        menu.Items.Add(copyMenuItem);
        menu.Visibility = System.Windows.Visibility.Visible;

        menu.IsEnabled = true;
        menu.IsOpen = true;
        menu.Focusable = true;
    }
}

第二种解决方案，我尝试在 XAML TreeView 之外定义一个上下文菜单：

<ContextMenuService.ContextMenu>
        <ContextMenu x:Name="contextMenuTreeViewItem">
            <Style TargetType="{x:Type TreeViewItem}" >
            </Style>
            <MenuItem x:Name="menuItemCopy" Header="Copy" Command="Copy" Tag="0"/>
        </ContextMenu>
</ContextMenuService.ContextMenu>

代码隐藏：

private void MenuClick()
{
    this.contextMenuTreeViewItem.IsOpen = true;
    this.contextMenuTreeViewItem.IsEnabled = true;
    this.menuItemCopy.IsEnabled = true;
    this.contextMenuTreeViewItem.StaysOpen = true;
}

我确定我做错了什么，但我不能准确地说出什么......另外我看到使用属性 ContextMenu 作为 Setter 属性......我无法理解这种方法的差异。

提前感谢您的帮助。

4

1 回答 1

2

这是几年后的事，但鉴于没有提出任何答案，也许有人可能会从中受益。 对我有用的是在 TreeView.Resources 部分中定义一个上下文菜单并为其提供一个标识键，如下所示：

        <TreeView.Resources>
            <ContextMenu x:Key="ChildContextMenu">
                <MenuItem Header="View"/>
                <MenuItem Header="Edit"/>
                <MenuItem Header="Print"/>
                <MenuItem Header="Delete"/>
                <MenuItem Header="Batch actions">
                    <MenuItem Header="View all"/>
                    <MenuItem Header="Edit all"/>
                    <MenuItem Header="Print all"/>
                    <MenuItem Header="Delete all"/>
                </MenuItem>
            </ContextMenu>
        </TreeView.Resources>

然后可以将上面的上下文菜单附加到用作 TreeViewItem 的任何控件，如下所示（这里我在 TextBlock 上设置了上下文菜单）：

        <TreeView.ItemTemplate>
            <HierarchicalDataTemplate DataType="{x:Type local:Sample}" ItemsSource="{Binding Path=Children}">
                <TextBlock Text="{Binding Path=Parent}"/>
                <HierarchicalDataTemplate.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Path=Name}" ContextMenu="{StaticResource ChildContextMenu}"/>
                    </DataTemplate>
                </HierarchicalDataTemplate.ItemTemplate>
            </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>

完整代码变为：

<TreeView>
            <TreeView.Resources>
                <ContextMenu x:Key="ChildContextMenu">
                    <MenuItem Header="View"/>
                    <MenuItem Header="Edit"/>
                    <MenuItem Header="Print"/>
                    <MenuItem Header="Delete"/>
                    <MenuItem Header="Batch actions">
                        <MenuItem Header="View all"/>
                        <MenuItem Header="Edit all"/>
                        <MenuItem Header="Print all"/>
                        <MenuItem Header="Delete all"/>
                    </MenuItem>
                </ContextMenu>
            </TreeView.Resources>
            <TreeView.ItemTemplate>
                <HierarchicalDataTemplate DataType="{x:Type local:Sample}" ItemsSource="{Binding Path=Children}">
                    <TextBlock Text="{Binding Path=Parent}"/>
                    <HierarchicalDataTemplate.ItemTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Path=Name}" ContextMenu="{StaticResource ChildContextMenu}"/>
                        </DataTemplate>
                    </HierarchicalDataTemplate.ItemTemplate>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>
</TreeView>

处理点击的逻辑可以通过多种方式附加，其中一种是每个 MenuItem。我希望这有帮助。

于 2019-04-24T08:41:36.267 回答