What is the method for two-way data binding in WPF?

1 year ago
Liam
1 minute

In WPF, you can achieve two-way data binding by using the following methods:

  1. Mode set to “TwoWay”

Example code:

Properties are defined in the ViewModel class.

private string _name;
public string Name
{
    get { return _name; }
    set 
    {
        _name = value;
        OnPropertyChanged(nameof(Name)); //触发属性更改通知
    }
}

public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged(string propertyName)
{
    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}

Binding properties in XAML:

<TextBox Text="{Binding Name, Mode=TwoWay}" />
  1. Using Command: By using commands, you can achieve bidirectional binding by linking the Command property of UI elements (such as buttons) with commands in the ViewModel. Commands enable bidirectional data binding and logic processing in the ViewModel.

Example code:

Define commands in the ViewModel.

private ICommand _updateCommand;
public ICommand UpdateCommand
{
    get
    {
        if (_updateCommand == null)
        {
            _updateCommand = new RelayCommand(UpdateName, CanUpdateName);
        }
        return _updateCommand;
    }
}

private bool CanUpdateName(object parameter)
{
    //根据具体逻辑判断是否可以执行命令
    return true;
}

private void UpdateName(object parameter)
{
    //根据具体逻辑更新Name属性的值
    Name = "New Name";
}

Binding commands in XAML

<Button Content="Update" Command="{Binding UpdateCommand}" />

Therefore, when the user clicks the button, the command will be executed, thus updating the value of the Name property.

bannerAds