WPF中如何将上下文菜单绑定到ListBox项内的按钮？

我之前也碰到过这个棘手的问题！WPF里的ContextMenu比较特殊——它不属于控件的可视化树，所以直接绑定ListBox项的DataContext会失效。下面给你两种靠谱的解决方法：

方法一：通过PlacementTarget直接绑定 #

利用ContextMenu的PlacementTarget属性（它指向触发菜单的按钮），我们可以间接获取到ListBox项的DataContext：

<ListBox ItemsSource="{Binding Items}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Button Content="点击打开菜单">
                <Button.ContextMenu>
                    <ContextMenu>
                        <!-- 通过RelativeSource找到ContextMenu，再绑定到它的PlacementTarget的DataContext -->
                        <MenuItem 
                            Header="查看详情" 
                            Command="{Binding PlacementTarget.DataContext.ViewCommand, RelativeSource={RelativeSource AncestorType=ContextMenu}}"
                        />
                        <MenuItem 
                            Header="删除项" 
                            Command="{Binding PlacementTarget.DataContext.DeleteCommand, RelativeSource={RelativeSource AncestorType=ContextMenu}}"
                        />
                    </ContextMenu>
                </Button.ContextMenu>
            </Button>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

这里的逻辑是：PlacementTarget就是点击的那个Button，而Button的DataContext继承自它所在的ListBoxItem，也就是当前的项数据。通过RelativeSource定位到ContextMenu后，就能拿到正确的数据上下文了。

方法二：用Tag属性中转数据上下文 #

如果觉得上面的绑定路径太长，还可以把项数据绑定到Button的Tag属性，再让ContextMenu的DataContext指向这个Tag：

<ListBox ItemsSource="{Binding Items}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <!-- 把当前项数据绑定到Button的Tag -->
            <Button Content="点击打开菜单" Tag="{Binding}">
                <Button.ContextMenu>
                    <!-- ContextMenu的DataContext直接绑定到Button的Tag -->
                    <ContextMenu DataContext="{Binding PlacementTarget.Tag, RelativeSource={RelativeSource Self}}">
                        <MenuItem Header="查看详情" Command="{Binding ViewCommand}"/>
                        <MenuItem Header="删除项" Command="{Binding DeleteCommand}"/>
                    </ContextMenu>
                </Button.ContextMenu>
            </Button>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

这种方法更简洁，后续MenuItem里的绑定就可以直接写命令名，不用再写长长的路径。

这两种方法都能完美解决你遇到的问题——点击ListBoxItem内的按钮时，上下文菜单能正确绑定到当前项的数据上下文。

内容的提问来源于stack exchange，提问作者Pinco Pallino