c# - WPF ContextMenu itemtemplate，menuitem inside menuitem

Question

我有以下 xaml:

<ContextMenu ItemsSource="{Binding TestItems}">
     <ContextMenu.ItemTemplate>
          <DataTemplate DataType="models:TestItemModel">
              <MenuItem IsChecked="{Binding IsSelected}" Header="{Binding Header}"  />
          </DataTemplate>
     </ContextMenu.ItemTemplate>
</ContextMenu>

TestItemModel 类仅包含一个 IsSelected bool 属性和一个 Header 字符串属性。

TestItems 是 TestItemModel 的列表。

数据绑定(bind)到上下文菜单，但它在 UI 中反射(reflect)为 MenuItem 内的 MenuItem(具有额外的边距，因此使菜单非常大)。我可以通过将 DataTemplate 内的 MenuItem 更改为 TextBox 来解决此问题，但之后我无法再绑定(bind) IsSelected(可视化属性需要它)。

关于这个我有几个问题:

• 为什么 MenuItem 里面有一个 MenuItem？这对我来说没有意义，因为它没有绑定(bind)到菜单项列表，而是绑定(bind)到 TestItemModel 列表。
• 我该如何解决这个问题？

Answer 1

因为 MenuItem 是容器类型，当它将您的 View 模型转换为可视项时，它会将您的模板包装在 MenuItem 中。同样，ListBox 将创建 ListBoxItem，或者 ListView 将使用 ListViewItem。要绑定(bind)包装器的属性，您需要使用 ItemContainerStyle

<ContextMenu ItemsSource="{Binding TestItems}">
   <ContextMenu.ItemContainerStyle>
      <Style TargetType="{x:Type MenuItem}">
         <Setter Property="IsChecked" Value="{Binding IsSelected}"/>
         <Setter Property="Header" Value="{Binding Header}"/>
      </Style>
   </ContextMenu.ItemContainerStyle>
</ContextMenu>

或者，如果您愿意，您可以部分使用 ItemTemplate 和 ItemContainerStyle

<ContextMenu ItemsSource="{Binding TestItems}">
   <ContextMenu.ItemTemplate>
      <DataTemplate>
         <TextBlock Text="{Binding Header}"/>
      </DataTemplate>
   </ContextMenu.ItemTemplate>
   <ContextMenu.ItemContainerStyle>
      <Style TargetType="{x:Type MenuItem}">
         <Setter Property="IsChecked" Value="{Binding IsSelected}"/>
      </Style>
   </ContextMenu.ItemContainerStyle>
</ContextMenu>

在这种情况下，ItemTemplate 中的任何内容都将变为 MenuItem.Header，但 IsChecked 属性仍需要绑定(bind)到 ItemContainerStyle