如何更正将属性绑定到文本框？

Question

我在 mainpage.xaml 中编写这些代码

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <StackPanel>
            <TextBox x:Name="xxx" Text="{Binding Test}" TextChanged="xxx_TextChanged" />
            <Button x:Name="click" Click="click_Click" Content="click" />
        </StackPanel>
    </Grid>

，在 mainpage.xaml.cs 中编写这些代码

  private string test;
    public string Test
    {
        get { return test; }
        set 
        {
            if (test != value)
            {
                test = value;
                OnPropertyChanged("Test");
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    public  void OnPropertyChanged(string PropertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(PropertyName));
        }
    }

    // Constructor
    public MainPage()
    {
        InitializeComponent();
    }

    private void xxx_TextChanged(object sender, TextChangedEventArgs e)
    {
        Debug.WriteLine(Test);
        Debug.WriteLine(test);
    }

，但测试未绑定到文本框，当我将 smth 写入文本框时，测试不会更改。 我做错了什么以及如何纠正？

Answer 1

尝试将 BindingMode 设置为 TwoWay：

Text="{Binding Test, Mode=TwoWay}"

我注意到的另一件事是，您的工作绑定需要设置 DataContext，但在示例中您没有这样做。一种方法是这样的：

public MainPage()
{
    InitializeComponent();
    ContentPanel.DataContext = this;
}

如果首选 Xaml，您可以使用 RelativeSource 属性绑定到 Xaml 中的页面，而无需设置 DataContext：

Text="{Binding RelativeSource={RelativeSource FindAncestor,
                               AncestorType={x:Type Window}}, //or Page
       Path=Test, Mode=TwoWay}"

另一件事，Test< /code> 不会在您在文本框中键入每个字符后设置，而是在用户完成编辑文本后设置，例如通过将活动控件切换到下一个。