按钮上下文菜单图像仅显示在最后一项

Question

我对 Button 上的动态 ContextMenu 有疑问。

Button 位于 DataGrid 内，在 ResourceDictionary 中具有以下 Columndefinition：

<DataGridTemplateColumn Width="16" x:Key="ShowContextMenuColumn" x:Shared="False" KeyboardNavigation.IsTabStop="False">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Button Style="{StaticResource ShowContextMenuButtonStyle}">
                <Button.ContextMenu>
                    <ContextMenu ItemsSource="{Binding Data.ContextActionItems, Source={StaticResource proxy}}" DisplayMemberPath="DisplayText">
                        <ContextMenu.Resources>
                            <Style TargetType="{x:Type MenuItem}">
                                <Setter Property="Icon">
                                    <Setter.Value>
                                        <Image Source="{Binding Image}"/>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Command" Value="{Binding Command}"/>
                            </Style>
                        </ContextMenu.Resources>
                    </ContextMenu>
                </Button.ContextMenu>
            </Button>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
    <DataGridTemplateColumn.CellStyle>
        <Style TargetType="{markup:Type DataGridCell}" BasedOn="{StaticResource BaseDataGridCellStyle}">
            <Setter Property="AutomationProperties.Name" Value="ContextMenu"/>
        </Style>
    </DataGridTemplateColumn.CellStyle>
</DataGridTemplateColumn>

ContextActionItems 的 ObservableCollection<DisplayListActionItem> 是在一个抽象的通用基础中定义的-class，它被几个 ViewModels 继承。

DisplayListActionItem-Class 看起来像：

public class DisplayListActionItem : NotifyBase
{
    public string DisplayText
    {
        get { return Get<string>(); }
        set { Set(value); }
    }

    public ICommand Command
    {
        get { return Get<ICommand>(); }
        set { Set(value); }
    }

    public ImageSource Image
    {
        get { return Get<ImageSource>(); }
        set { Set(value); }
    }
}

一切正常。唯一的问题是，图像仅显示在 ContextMenu 的最后一项。如果我删除最后一项，则会显示新的最后一项的图像。我不明白这是什么原因。

我已经检查了绑定错误的调试输出，但是有 none。

有什么可能导致此问题的想法吗？

Answer 1

自己解决了

解决方案是修改 ContextMenu-ItemContainerStyle，而不是在 ContextMenu 的资源中执行所需的操作。

按钮的新 xaml 看起来像：

<Button Style="{StaticResource ShowContextMenuButtonStyle}">
    <Button.ContextMenu>
        <ContextMenu ItemsSource="{Binding Data.ContextActionItems, Source={StaticResource proxy}}" >
            <ContextMenu.ItemContainerStyle>
                <Style TargetType="{x:Type MenuItem}">
                    <Setter Property="Icon" Value="{Binding Image, Converter={converter:ImageSourceToImageConverter}}"/>
                    <Setter Property="Header" Value="{Binding DisplayText}"/>
                    <Setter Property="Command" Value="{Binding Command}"/>
                </Style>
            </ContextMenu.ItemContainerStyle>
        </ContextMenu>
    </Button.ContextMenu>
</Button>

按钮上下文菜单图像仅显示在最后一项

Button ContextMenu Image only shown at last item

c#

wpf

contextmenu

button