WPF 绑定内部控件与父数据上下文

Question

我做了一个用户控件

<UserControl x:Class="MyApp.MyControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d"  x:Name="uc">
<Grid Width="Auto" Height="Auto">
    <TextBlock Text="{Binding Path=DataContext.TextContent, ElementName=uc}"/>
    <TextBlock Text="{Binding Path=DataContext.TextContent2, ElementName=uc}"/>
</Grid>

我希望定义的控件（uc）中的子控件将绑定到 uc.DataContext 的属性。我使用定义的控件如下：

<Window x:Class="Tms.TMSClient.Views.MainWindow" Name="window"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:control="clr-namespace:MyApp"
    xmlns:ribbon="clr-namespace:Microsoft.Windows.Controls.Ribbon;assembly=RibbonControlsLibrary">      

    <control:MyControl DataContext="{Binding Path=MyControlVM}"/>

分配给窗口的DataContext具有这样的结构：WindowVM.MyControlVM.TextContent。

给定的代码不起作用，因为文本框的 DataContext 已绑定到 WindowVM。我认为问题可能是因为内部文本框是在定义的控件（uc）之前绑定的，因此 uc 的有界 DataContext 尚未生效。

我想要的是：自定义控件（MyControl）将绑定到其对应的视图模型（MyControlVM），而MyControl的内部元素将绑定到MyControlVM的属性。

你有解决这个问题的办法吗？

Answer 1

如果我理解正确，您希望将MyControl 视图模型中的属性数据绑定到MyControl UserControl 内的TextBox.Text 属性。如果正确，那么您可以使用 RelativeSource Binding 或您已经在使用的 ElementName 语法。

首先，确保您的视图模型设置为DataContext 为UserControl：

public MyControl()
{
    DataContext = new YourControlViewModel();
}

由于子控件自动继承其父级的DataContext 对象，您现在可以通过UserControl 的XAML 中的MyControl.DataContext 属性从TextBox 引用此视图模型：

<TextBlock Text="{Binding DataContext.TextContent, 
    RelativeSource={RelativeSource AncestorType={x:Type Window}}}" />

这就是你所需要的。

Answer 2

<TextBlock Text="{Binding Path=TextContent}"/>

在我的测试应用程序中为我工作。

MainWindow.xaml

<Window x:Class="DataContextTest.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:my="clr-namespace:DataContextTest"
    Title="MainWindow" Height="350" Width="525">
<Window.DataContext>
    <my:MyOuterDataContext />
</Window.DataContext>
<Grid>
    <my:MyControl DataContext="{Binding Path=MyInnerDataContext}" />
</Grid>

MyControl.xaml

<UserControl x:Class="DataContextTest.MyControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<Grid>
    <TextBlock Text="{Binding Path=TextContent}" />
</Grid>

数据上下文：

public class MyOuterDataContext
{
    public MyInnerDataContext MyInnerDataContext { get; set; }

    public MyOuterDataContext()
    {
        MyInnerDataContext = new MyInnerDataContext();
    }
}

public class MyInnerDataContext
{
    public string TextContent { get { return "foo"; } }
}

Answer 3

默认情况下，每个控件都从其父控件继承其 DataContext。因此无需显式绑定到它。

确实，当您想将控件的 DataContext 绑定到嵌套属性时，您必须指定以下内容：

<control:MyControl DataContext="{Binding Path=TextContent}"/>