我的WPF自定义控件的数据上下文正在取代父级

Question

在我的主窗口中,我尝试绑定到一个布尔.但它正在查看我的自定义控件的数据上下文.如果我没有在用户控件中分配DataContext,那么主窗口的绑定工作,但(显然)这会在用户控件中制动绑定.这是错误:

System.Windows.Data Error: 40 : BindingExpression path error: 'MyControlVisible' property not found on 'object' ''MyUserControlModel' (HashCode=1453241)'. BindingExpression:Path=MyControlVisible; DataItem='MyUserControlModel' (HashCode=1453241); target element is 'MyUserControl' (Name='_myUserControl'); target property is 'Visibility' (type 'Visibility')

我需要绑定才能在两个控件上工作,但我不希望用户控件的datacontext取代窗口.

这是代码:

<Window x:Class="Sandbox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Controls="clr-namespace:Sandbox.Controls" Title="Sandbox">
    <DockPanel LastChildFill="True">
        <DockPanel.Resources>
            <BooleanToVisibilityConverter x:Key="boolToVis" />
        </DockPanel.Resources>
        <Grid>
            <Controls:MyUserControl x:Name="_myUserControl" Visibility="{Binding MyControlVisible, Converter={StaticResource boolToVis}}"/>
        </Grid>
    </DockPanel>
</Window>

namespace Sandbox
{
    public partial class MainWindow
    {
        private MainWindowModel model;
        public MainWindow()
        {
            InitializeComponent();
            DataContext = model = new MainWindowModel();
            _myUserControl.Initialize(model.MyUControlModel);
        }
    }
}

using System.ComponentModel;
using Sandbox.Controls;

namespace Sandbox
{
    public class MainWindowModel : BaseModel
    {
        public MyUserControlModel MyUControlModel { get; set; }
        public bool MyControlVisible { get; set; }
        public MainWindowModel()
        {
            MyUControlModel = new MyUserControlModel();
            MyControlVisible = false;
            OnChange("");
        }
    }

    public class BaseModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnChange(string s)
        {
            var handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(s));
            }
        }
    }
}

<UserControl x:Class="Sandbox.Controls.MyUserControl"
             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">
    <Grid>
        <TextBlock Text="{Binding MyBoundText}"/>
    </Grid>
</UserControl>

namespace Sandbox.Controls
{
    public partial class MyUserControl
    {
        public MyUserControl()
        {
            InitializeComponent();
        }

        public void Initialize(MyUserControlModel context)
        {
            DataContext = context;
        }
    }

}

namespace Sandbox.Controls
{
    public class MyUserControlModel : BaseModel
    {
        public string MyBoundText { get; set; }
        public MyUserControlModel()
        {
            MyBoundText = "Hello World!";
            OnChange("");
        }
    }
}

Answer 1

DataContext这是您永远不应该直接从自身设置的众多原因之一UserControl。

当您这样做时，您不能再使用任何其他控件DataContext，因为 UserControlDataContext是硬编码的。

对于您的绑定，通常DataContext会继承 ，以便绑定可以找到当前 上的Visibility属性，但是由于您在 UserControl 的构造函数中硬编码了 ，因此找不到该属性。MyControlVisibleDataContextDataContext

您可以在绑定中指定不同的绑定源，例如

<Controls:MyUserControl Visibility="{Binding 
    RelativeSource={RelativeSource AncestorType={x:Type Window}}, 
    Path=DataContext.MyControlVisible, 
    Converter={StaticResource boolToVis}}" ... />

然而，这只是针对此特定情况的问题的解决方法，在我看来这并不是一个永久的解决方案。更好的解决方案是简单地不在DataContext您的中进行硬编码UserControl

根据用户控件的用途以及应用程序的设计方式，您可以采用几种不同的方法。

• 您可以在 UserControl 上创建一个DependencyProperty来传递值并绑定到该值。

  <Controls:MyUserControl UcModel="{Binding MyUControlModelProperty}" ... />
  

  和

  <UserControl x:Class="Sandbox.Controls.MyUserControl"
               ElementName=MyUserControl...>
      <Grid DataContext="{Binding UCModel, ElementName=MyUserControl}">
          <TextBlock Text="{Binding MyBoundText}"/>
      </Grid>
  </UserControl>
  

• 或者您可以构建您的UserControl期望特定属性将在DataContext. 这通常是我所做的，与DataTemplates.

  <Controls:MyUserControl DataContext="{Binding MyUControlModelProperty}" ... />
  

  和

  <UserControl x:Class="Sandbox.Controls.MyUserControl"...>
      <Grid>
          <TextBlock Text="{Binding MyBoundText}"/>
      </Grid>
  </UserControl>
  

• 正如我上面所说，我喜欢用它DataTemplates来显示UserControls期望特定类型的，所以通常我的主窗口 XAML 看起来像这样：ModelDataContext

  <DataTemplate DataType="{x:Type local:MyUControlModel}">
      <Controls:MyUserControl />
  </DataTemplate>
  
  <ContentPresenter Content="{Binding MyUControlModelProperty}" ... />