在 Xaml 中将 TreeView 与 ContextMenu 绑定

Question

我对 Xaml 还很陌生，需要一些建议。

TreeView 应绑定到分层对象结构。 TreeView 应该有一个上下文菜单，该菜单特定于每种对象类型。

我尝试过以下方法：

<TreeView>
  <TreeView.Resources>
    <DataTemplate x:Key="RoomTemplate">
      <TreeViewItem Header="{Binding Name}">
        <TreeViewItem.ContextMenu>
          <ContextMenu>
            <MenuItem Header="Open" />
            <MenuItem Header="Remove" />
          </ContextMenu>
        </TreeViewItem.ContextMenu>
      </TreeViewItem>
    </DataTemplate>
  </TreeView.Resources>

  <TreeViewItem Header="{Binding Name}" Name="tviRoot" IsExpanded="True" >

  <TreeViewItem Header="Rooms"  
                ItemsSource="{Binding Rooms}"
                ItemTemplate="{StaticResource RoomTemplate}">
    <TreeViewItem.ContextMenu>
      <ContextMenu>
        <MenuItem Header="Add room"></MenuItem>
      </ContextMenu>
    </TreeViewItem.ContextMenu>
  </TreeViewItem>
</TreeViewItem>

但通过此标记，行为符合预期，但子项目（房间）缩进太多。

无论如何，我能找到的所有合并示例都在 DataTemplate 中使用 TextBlock 而不是 TreeViewItem，但想知道如何在那里集成 ContextMenu。

Answer 1

您通常不会创建包含 TreeViewItem 的 DataTemplate，因为绑定基础结构将为您创建 TreeViewItem - 您的 DataTemplate 需要做的就是指定应显示为 TreeViewItem 的内容。这就是您找到的示例在 DataTemplate 中使用 TextBlocks 而不是 TreeViewItems 的原因。

我怀疑使用 TreeViewItem 而不是 TextBlock 会导致过度缩进，因为您的 DataTemplate 中有一个（手动创建的）TreeViewItem（会产生一级缩进），而另一个（自动）TreeViewItem （会产生另一级缩进）。因此，使用 TextBlock 而不是 TreeViewItem 应该可以解决这个问题。集成 ContextMenu 应该不是问题，因为 TextBlock 也有 ContextMenu 属性。

因此，您应该能够按如下方式更改 DataTemplate：

<DataTemplate x:Key="RoomTemplate">
  <TextBlock Text="{Binding Name}">
    <TextBlock.ContextMenu>
      <ContextMenu>
        <MenuItem Header="Open" />
        <MenuItem Header="Remove" />
      </ContextMenu>
    </TextBlock.ContextMenu>
  </TextBlock>
</DataTemplate>

顺便说一句，对于 TreeViews，通常使用 HierarchicalDataTemplate 而不是普通 DataTemplate，因为这允许通过 HierarchicalDataTemplate.ItemsSource 属性实现多个级别的项目。不过，在您的场景中可能不需要这样做。