WPF MVVM ItemsControl项内按钮如何正确绑定父ViewModel的命令

核心问题原因 #

你之前的绑定失效本质是WPF数据绑定的上下文规则导致的：
DataTemplate内部的元素，默认会继承模板关联的集合元素实例作为DataContext，也就是你的单个Product对象。而SendCommand是定义在SaleViewModel上的属性，Product类本身没有这个属性，自然绑定路径匹配失败，命令无法生效。 #

可直接使用的绑定方案 #

方案1：通过RelativeSource向上定位可视化树（最通用，优先推荐） #

这种方式不依赖控件命名，适配绝大多数场景，即使后续调整布局层级也不容易出问题。
直接修改Button的Command绑定逻辑：

<Button 
    Content="{Binding Name}" 
    Command="{Binding DataContext.SendCommand, RelativeSource={RelativeSource AncestorType=ItemsControl}}"
    CommandParameter="{Binding}"
/>

绑定逻辑说明：

• 沿可视化树向上查找最近的ItemsControl类型元素
• 该元素的DataContext就是承载NewProducts集合的SaleViewModel实例
• 直接从这个上下文读取SendCommand即可完成绑定

注意：如果你的项目中ItemsControl会被嵌套在其他模板中找不到对应父级，可以把AncestorType替换为实际承载SaleViewModel的根元素类型，比如Window、UserControl，效果完全一致。

方案2：通过ElementName引用外层控件（直观易调试） #

先给外层的ItemsControl定义名称，再在绑定中直接引用该控件的DataContext：

<!-- 给ItemsControl加x:Name标记 -->
<ItemsControl 
    x:Name="ProductList" 
    ItemsSource="{Binding NewProducts}"
>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Button 
                Content="{Binding Name}"
                Command="{Binding DataContext.SendCommand, ElementName=ProductList}"
                CommandParameter="{Binding}"
            />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

这种方式的优势是绑定关系清晰，可以快速定位绑定目标，但如果后续把这段内容放到独立的ControlTemplate、DataTemplate模板中，可能会因为XAML命名作用域隔离找不到指定元素，此时优先使用方案1。 #

常见踩坑提醒 #

• 不要在绑定中直接写{Binding SaleViewModel.SendCommand}：SaleViewModel是类名，不是Product类的公开属性，在Product的上下文下永远无法定位到这个属性，绑定会静默失败无任何提示
• 记得配置CommandParameter：如果不传当前按钮对应的Product实例，ViewModel接收到命令后无法区分用户点击的是哪个产品，无法完成后续业务逻辑
• 排查命令本身的可用性：如果SendCommand的CanExecute逻辑返回false，按钮会自动变为禁用状态，点击同样无响应，可以临时调整CanExecute返回固定true，排除命令实现本身的问题

内容的提问来源于stack exchange，提问作者Hanz Cz