主页 / 问题 / 1498455
Accepted
gw gw
Asked:2023-02-21 06:44:31 +0800 CST2023-02-21 06:44:31 +0800 CST

DataContext 是如何工作的？

  • 772

不明白为什么他不显示在TextBlock

用户.cs：

class User
    {
        public string name { get; set; } = "IVAN";
        public string surname { get; set; } = "IVANOV";
    }

主窗口.xaml：

<StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
            <TextBox Width="130" Height="30"/>
            <TextBox Width="130" Height="30" Margin="0,10,0,0"/>
        </StackPanel>
        <StackPanel VerticalAlignment="Center" HorizontalAlignment="Right" Background="Black" Width="130" Margin="10">
            <TextBlock Text="{Binding name}" Foreground="White"/>
            <TextBlock Text="{Binding surname}" Margin="0,10,0,0" Foreground="White"/>
        </StackPanel>
        <Button Width="130" Height="30" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="10" Content="REFRESH" Click="Button_Click"/>

主窗口.cs：

        private User user { get; set; }
        public MainWindow()
        {
            InitializeComponent();
            //user = DataContext as User;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            DataContext = user;
        }

在此处输入图像描述

更新：决定让它变得更难。现在我们需要将数据从TextBox推送到User。但是显然没用，pass nullinuser

主窗口.cs：

private void Button_Click(object sender, RoutedEventArgs e)
        {
            user = DataContext as User;
            DataContext = user;
        }
c#

2 个回答

  1. Best Answer

    对于数据绑定，需要了解一件事。如果在使用事件处理程序和直接访问控件时，您从代码中分配控件属性的值，那么对于绑定，情况恰恰相反，控件本身从绑定属性中获取值并将更改后的值放在那里如果它被修改。从代码中，您只需使用此属性。

    任务DataContext看起来像这样。班级User必须是public.

    user = new User();
DataContext = user;

    DataContext通常在窗口的构造函数或事件处理程序中分配Window.Loaded。第二种更可取。

    当 时DataContext，内部的 View 自身引发事件DataContextChanged并更新所有控件的内容。但这只会工作一次。

    如果你不修改任何东西，那么只有单向绑定 View-> ViewModel 会起作用。也就是说，当手动更改文本框的值时，viewmodel 属性的值会发生变化。同时，数据绑定的行为在这里很重要，默认情况下，当文本框失去焦点时，更改的事实就会发生，例如，当您单击按钮时，它会自动发生。

    尝试更改文本框中的内容，然后单击带有此代码的按钮。

    MessageBox.Show($"{user.name} {user.surname}");

    您将看到对文本框所做的更改。

    但实际上，数据绑定可以是双向的。您还可以将多个控件绑定到同一个属性。

    双向绑定是使用INotifyPropertyChanged视图模型的接口实现的。为此，有一个已经编写好的模板小工具——这个接口的实现。

    public class NotifyPropertyChanged : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName]string propertyName = null)
        => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}

    只需将此类插入到项目中，然后在viewmodel 中继承它即可。（让我们将公共属性大写，这是 C# 中的惯例）

    public class User : NotifyPropertyChanged
{
    private string name;
    private string surname;

    public string Name
    {
        get => name;
        set
        {
            name = value;
            OnPropertyChanged(); // сообщает контролу что свойство изменилось
        }
    }

    public string Surname
    {
        get => surname;
        set
        {
            surname = value;
            OnPropertyChanged();
        }
    }
}

    现在您可以在代码中执行此操作

    user.Name = "Test name";

    并且它会在界面中立即发生变化。

    制作 2 个控件以了解其工作原理。

    <TextBox Text="{Binding Name}"/>
<TextBlock Text="{Binding Name}"/>

    尝试更改文本框和代码中的值。

    尝试像这样更改绑定行为。

    <TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}"/>

    看看有什么变化。

    • 2

  2. 主窗口.cs：

    private User user { get; set; }= new User();
    • 0

相关问题