数据绑定到WPF中的UserControl

Question

我有一个UserControl,我想参与数据绑定.我在用户控件中设置了依赖项属性,但无法使其工作.

当我用静态文本(例如BlueText ="ABC")调用它时,uc显示正确的文本.当我尝试将它绑定到本地公共属性时,它始终是空白的.

<src:BlueTextBox BlueText="Feeling blue" />            <!--OK-->
<src:BlueTextBox BlueText="{Binding Path=MyString}" /> <!--UserControl always BLANK!-->
<TextBox Text="{Binding Path=MyString}" Width="100"/>  <!--Simple TextBox Binds OK-->

我已将代码简化为以下简化示例.这是UserControl的XAML:

    <UserControl x:Class="Binding2.BlueTextBox" ...
    <Grid>
        <TextBox x:Name="myTextBox" Text="{Binding BlueText}" Foreground="Blue" Width="100" Height="26" />
    </Grid>

以下是UserControl背后的代码:

public partial class BlueTextBox : UserControl
{
    public BlueTextBox()
    {
        InitializeComponent(); 
        DataContext = this; // shouldn't do this - see solution
    }

    public static readonly DependencyProperty BlueTextProperty =
        DependencyProperty.Register("BlueText", typeof(string), typeof(BlueTextBox));

    public string BlueText
    {
        get { return GetValue(BlueTextProperty).ToString(); }
        set { SetValue( BlueTextProperty, value.ToString() ); }
    }

这似乎应该很容易,但我不能让它工作.谢谢你的帮助!

更多信息:当我尝试Eugene建议的修复时,我注意到了一些奇特的行为.我在元数据中添加了一个PropertyChangedCallback; 这让我可以看到BlueText设置的价值.将字符串设置为静态值(="感觉蓝色")时,会触发PropertyChanged事件.数据绑定案例不会触发PropertyChanged.我认为这意味着数据绑定值不会被发送到UserControl.(我认为在静态情况下不会调用构造函数)

解决方案: Arcturus和jpsstavares正确识别了这些问题.首先,当在控件的构造函数中设置DataContext = this时,我覆盖了数据绑定.这样可以防止数据绑定值被设置.我还必须命名控件x:Name = root,并在XAML中指定Binding ElementName = root int.要获得TwoWay绑定,我需要在调用者中设置Mode = TwoWay.这是正确的代码:

<src:BlueTextBox BlueText="{Binding Path=MyString, Mode=TwoWay}}" /> <!--OK-->

现在UserControl中的XAML:

    <UserControl x:Class="Binding2.BlueTextBox" x:Name="root"...
    <Grid>
        <TextBox x:Name="myTextBox" Text="{Binding ElementName=root, Path=BlueText}" Foreground="Blue" Width="100" Height="26" />
    </Grid>

最后,我在UserControl的构造函数中删除了DataContext = this.

    public BlueTextBox()
    {
        InitializeComponent(); 
        //DataContext = this; -- don't do this
    }

感谢大家的巨大帮助!

Answer 1

您将Control中的DataContext设置为自身,从而在其他控件中使用此Control时覆盖DataContext.在您的情况下以绑定为例:

<src:BlueTextBox BlueText="{Binding Path=MyString}" /> 

一旦加载并设置了所有Datacontext,它将在您的BlueTextBox事物控件中查找路径MyString,因为您将DataContext设置为它.我想这不是你打算如何工作;).

解:

更改文本绑定2个绑定之一:

{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type src:BlueTextBox}}, Path=BlueText}

要么

命名您的控件Root(或类似的东西)

<UserControl x:Name="Root"

{Binding ElementName=Root, Path=BlueText}

并删除

DataContext = this;

从你的UserControl的构造函数,它应该像魅力一样工作..