WPF中ContentPresenter内DataTemplate里TextBox绑定失效问题

你现在是想通过WPF的模板来构建控件，同时用数据绑定而非直接访问控件属性来获取输入，但遇到了DataTemplate里绑定失效的情况对吧？咱们来一步步拆解问题，找到解决办法：

问题根源 #

你遇到的核心问题是DataTemplate的DataContext没有正确继承到外层的ViewModel：

• 当你在ContentPresenter中设置ContentTemplate时，如果没有给ContentPresenter.Content赋值，它默认会绑定到Button的Content属性（也就是模板父级的Content）。
• 但你的Button并没有设置Content值，所以ContentPresenter的Content是空的，导致DataTemplate内部的TextBox找不到正确的DataContext，自然无法绑定到你定义的UserName对象。
• 而移除ContentPresenter和DataTemplate后，TextBox直接处于ControlTemplate中，它的DataContext会继承自MainWindow的DataContext，所以绑定能正常工作。

两种可行的解决思路 #

思路1：给ContentPresenter绑定Content到外层DataContext #

直接让ContentPresenter的Content绑定到当前的DataContext，这样DataTemplate就能拿到正确的UserName实例：

修改后的MainWindow.xaml中ContentPresenter部分代码：

<ContentPresenter Content="{Binding}">
    <ContentPresenter.ContentTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" Height="50">
                <TextBlock Text="Name" />
                <TextBox x:Name="userdata" Text="{Binding Name, Mode=TwoWay}" Margin="5" Width="100" />
                <Button Content="Show Name" Click="Button_Click"></Button>
            </StackPanel>
        </DataTemplate>
    </ContentPresenter.ContentTemplate>
</ContentPresenter>

思路2：在TextBox绑定中使用RelativeSource指向模板父级的DataContext #

如果不想修改ContentPresenter的Content，可以直接在TextBox的绑定表达式里指定相对源，让它去获取ControlTemplate所属控件的DataContext：

修改后的TextBox代码：

<TextBox x:Name="userdata" 
         Text="{Binding DataContext.Name, RelativeSource={RelativeSource Mode=TemplatedParent}, Mode=TwoWay}" 
         Margin="5" Width="100" />

验证效果 #

使用任意一种方法后，你在TextBox中输入内容，点击「Show Name」按钮，MessageBox都会正确显示你输入的内容。这样既保留了DataTemplate的使用，又实现了预期的数据绑定，正好能帮你理解WPF模板与数据绑定的协作逻辑~

内容的提问来源于stack exchange，提问作者Rajasri.J