ItemsControl 内 ContextMenu 项的 WPF 命令绑定答案

【问题标题】：WPF Command Binding of ContextMenu Item inside ItemsControlItemsControl 内 ContextMenu 项的 WPF 命令绑定
【发布时间】：2017-11-09 13:08:55
【问题描述】：

我的应用程序由 MainWindow 和 ContentControl 组成，我根据所选菜单更改 ViewModel。

我作为内容显示的其中一个用户控件包含以下WrapPanel：

<UserControl ...>
    <Grid>
        <WrapPanel>
            <ItemsControl ItemsSource="{Binding Connections}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Button Command="{Binding DataContext.ConnectionSelectCommand, RelativeSource={RelativeSource AncestorType=ItemsControl}}"
                                CommandParameter="{Binding}"
                                FocusManager.FocusedElement="{Binding ElementName=InstanceName}"
                                Style="{DynamicResource DashboardButton}">
                            <TextBlock TextWrapping="Wrap" HorizontalAlignment="Center" Text="{Binding Name}" />
                            <Button.ContextMenu>
                                <ContextMenu>
                                    <MenuItem Header="Delete"
                                              Command="{Binding ConnectionRemoveCommand}"
                                              CommandParameter="{Binding}" />
                                </ContextMenu>
                            </Button.ContextMenu>
                        </Button>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapPanel Orientation="Horizontal" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
            </ItemsControl>
        </WrapPanel>
    </Grid>
</UserControl>

ContextMenu 上的Command 不起作用，因为它试图调用Connection 对象上的ConnectionRemoveCommand，而不是ConnectionViewModel，后者是DataContext 的UserControl。

如何将Command 绑定到ConnectionViewModel，而CommandParameter 是Connection 对象？

【问题讨论】：

我相信这里的问题是关于CommandParameter 而不是Command！如果有帮助，您能否查看此链接：stackoverflow.com/questions/22448749/…
Duplicate.

标签： c# wpf contextmenu itemscontrol commandbinding

【解决方案1】：

如果将Button 的Tag 属性绑定到ItemsControl 的DataContext，则可以使用PlacementTarget 的PlacementTarget 绑定到它：

<Button Command="{Binding DataContext.ConnectionSelectCommand, RelativeSource={RelativeSource AncestorType=ItemsControl}}"
        CommandParameter="{Binding}"
        FocusManager.FocusedElement="{Binding ElementName=InstanceName}"
        Style="{DynamicResource DashboardButton}"
        Tag="{Binding DataContext, RelativeSource={RelativeSource AncestorType=ItemsControl}}">
    <TextBlock TextWrapping="Wrap" HorizontalAlignment="Center" Text="{Binding Name}" />
    <Button.ContextMenu>
        <ContextMenu>
            <MenuItem Header="Delete"
                    Command="{Binding PlacementTarget.Tag.ConnectionRemoveCommand, RelativeSource={RelativeSource AncestorType=ContextMenu}}"
                    CommandParameter="{Binding}" />
        </ContextMenu>
    </Button.ContextMenu>
</Button>

【讨论】：