我的 WPF 自定义控件 Datacontext 正在取代父母

Posted

技术标签:

【中文标题】我的 WPF 自定义控件 Datacontext 正在取代父母【英文标题】:My WPF custom control's Data Context is superseding parent's 【发布时间】:2013-05-05 11:50:56 【问题描述】:

在我的主窗口中,我尝试绑定到bool,但它正在查看我的自定义控件的DataContext。如果我没有在用户控件中分配DataContext,那么主窗口的绑定可以工作,但是(显然)这会阻止用户控件中的绑定。

这是错误:

System.Windows.Data 错误:40:BindingExpression 路径错误:在“对象”“MyUserControlModel”(HashCode=1453241)上找不到“MyControlVisible”属性。绑定表达式:路径=MyControlVisible; DataItem='MyUserControlModel' (HashCode=1453241);目标元素是'MyUserControl'(名称='_myUserControl');目标属性是“可见性”(类型“可见性”)

我需要绑定才能在两个控件上工作,但我不希望用户控件的 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("");
        
    

【问题讨论】:

【参考方案1】:

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

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

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

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

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

但是,这只是针对这种特定情况的问题的解决方法,在我看来不是永久的解决方案。一个更好的解决方案是简单地不在你的UserControl 中硬编码DataContext

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

你可以在你的 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,他们的Model 期望特定类型的DataContext,所以通常我的主窗口的XAML 看起来像这样:

<DataTemplate DataType="x:Type local:MyUControlModel">
    <Controls:MyUserControl />
</DataTemplate>

<ContentPresenter Content="Binding MyUControlModelProperty" ... />

【讨论】:

以上是关于我的 WPF 自定义控件 Datacontext 正在取代父母的主要内容,如果未能解决你的问题,请参考以下文章

[翻译] WPF 中用户控件 DataContext/Binding 和依赖属性的问题

C# mvvmlight model数据非自己定义可以绑定吗

WPF中利用控件的DataContext属性为多个TextBox绑定数据

数据绑定使用DataContext作为Binding的Source

在 WPF C# 中无法访问用户控件的自定义属性

WPF:自定义控件布局