我有以下 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 列表。
- 我该如何解决这个问题?
最佳答案
因为 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
关于c# - WPF ContextMenu itemtemplate,menuitem inside menuitem,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29130567/