WPF跨DataTemplate传递ElementName作为命令参数的绑定问题求助

早上好！这个问题在WPF开发里太常见了——因为不同DataTemplate里的元素属于各自独立的命名空间，直接用ElementName肯定找不到目标元素，我给你几个实用的解决思路，按MVVM友好度排序：

1. 借助共享ViewModel属性（最推荐，符合MVVM设计） #

既然两个DataTemplate都绑定到同一个ViewModel，尽量不要传递UI元素本身（违背MVVM解耦原则），而是传递UI元素绑定的数据对象。你可以在ViewModel里新增一个共享属性，用来存储第二个DataTemplate对应的数据，然后第一个模板的命令直接绑定这个属性作为参数。

举个具体的实现例子：

<!-- 第二个DataTemplate（TemplateB）：绑定数据到ViewModel的共享属性 -->
<DataTemplate x:Key="TemplateB">
    <TextBox Text="{Binding ItemName}"
             <!-- 把当前数据对象绑定到ViewModel的SelectedTargetItem属性 -->
             DataContextChanged="(s, e) => ((YourViewModel)DataContext).SelectedTargetItem = e.NewValue as YourDataModel"/>
</DataTemplate>

<!-- 第一个DataTemplate（TemplateA）：命令参数绑定ViewModel的共享属性 -->
<DataTemplate x:Key="TemplateA">
    <Button Content="触发命令">
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="Click">
                <i:InvokeCommandAction 
                    Command="{Binding YourCommand}"
                    CommandParameter="{Binding SelectedTargetItem, Source={StaticResource YourViewModelInstance}}"/>
            </i:EventTrigger>
        </i:Interaction.Triggers>
    </Button>
</DataTemplate>

如果不想用代码后台，也可以用双向绑定的方式把数据同步到ViewModel的属性里，更优雅。

2. 利用RelativeSource查找共同父容器（UI结构明确时可用） #

如果两个DataTemplate都嵌套在同一个父控件里（比如同一个UserControl、ItemsControl或者Grid），可以通过RelativeSource向上查找共同的父容器，然后通过父容器的DataContext或Tag传递目标数据。

示例代码：

<!-- 假设两个模板都在同一个UserControl中 -->
<DataTemplate x:Key="TemplateA">
    <Button Content="触发命令">
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="Click">
                <i:InvokeCommandAction 
                    Command="{Binding YourCommand}"
                    CommandParameter="{Binding DataContext.TargetData, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}"/>
            </i:EventTrigger>
        </i:Interaction.Triggers>
    </Button>
</DataTemplate>

<!-- TemplateB中把目标数据绑定到父容器的DataContext属性 -->
<DataTemplate x:Key="TemplateB">
    <TextBox Text="{Binding ItemName}"
             Tag="{Binding}"
             Loaded="(s,e) => ((UserControl)VisualTreeHelper.GetParent((FrameworkElement)s)).DataContext.TargetData = ((FrameworkElement)s).Tag"/>
</DataTemplate>

3. 用VisualTreeHelper手动查找UI元素（兜底方案，不推荐） #

如果必须传递UI元素本身（不建议，会让ViewModel和UI耦合），可以在代码后台通过VisualTreeHelper遍历可视化树找到目标元素，然后赋值给ViewModel的属性，再绑定作为命令参数。

示例代码（后台逻辑）：

private void TemplateBElement_Loaded(object sender, RoutedEventArgs e)
{
    var targetTextBox = sender as TextBox;
    var viewModel = DataContext as YourViewModel;
    if (viewModel != null && targetTextBox != null)
    {
        viewModel.TargetTextBox = targetTextBox;
    }
}

然后在TemplateA里绑定这个属性：

<InvokeCommandAction 
    Command="{Binding YourCommand}"
    CommandParameter="{Binding TargetTextBox}"/>

总结 #

优先选择第一种方案，完全符合MVVM的解耦思想，代码维护性最好；如果UI结构固定明确，第二种方案也可以接受；第三种方案尽量避免，除非万不得已。

内容的提问来源于stack exchange，提问作者Andreas Petrov