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 class 仅包含一个 IsSelected 布尔值属性和一个 Header 字符串属性。

TestItems 是 TestItemModel 的列表。

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

关于这个我有几个问题：

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

Answer 1

因为 MenuItem 是容器类型，当它将您的视图模型转换为视觉项目时，它会将您的模板包装在 MenuItem 中。同样，ListBox 将创建 ListBoxItem，或者 ListView 将使用 ListViewItem。要绑定包装器的属性，您需要使用 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 属性仍然需要绑定在 ItemContainerStyle

中

WPF ContextMenu itemtemplate，menuitem inside menuitem

WPF ContextMenu itemtemplate, menuitem inside menuitem

c#

wpf

contextmenu

menuitem