WPF MVVM双向更新(WPF MVVM two-way updates)

我通过努力建立一个工作双向更新这个例子 。

这些都是相关的代码片段：

XAML：

<Button Click="clkInit">Initialize</Button>
<Button Click="clkStudent">Add student</Button>
<Button Click="clkChangeStudent">Change students</Button>
(...)
<TabControl Name="tabControl1" ItemsSource="{Binding StudentViewModels}" >
   <TabControl.ItemTemplate>
      <DataTemplate>
         <TextBlock Text="{Binding Path=StudentFirstName}" />
      </DataTemplate>
   </TabControl.ItemTemplate>
   <TabControl.ContentTemplate>                
      <DataTemplate>
         <Grid>
            <Label Content="First Name" Name="label1" />
            <TextBox Name="textBoxFirstName" Text="{Binding Path=StudentFirstName}" />
            <Label Content="Last Name" Name="label2" />
            <TextBox Name="textBoxLastName" Text ="{Binding Path=StudentLastName}" />
         </Grid>                    
      </DataTemplate>
   </TabControl.ContentTemplate>
</TabControl>

主窗口：

public partial class MainWindow : Window
{
    internal MainWindowViewModel myMWVM;
    public MainWindow()
    {
       InitializeComponent();
    }

    private void clkInit(object sender, RoutedEventArgs e)
    {
       myMWVM= new MainWindowViewModel();
       DataContext = myMWVM;
    }
    private void clkStudent(object sender, RoutedEventArgs e)
    {
       myMWVM.StudentViewModels.Add(new StudentViewModel());
    }
    // For testing - call a function out of the student class to make changes there
    private void clkChangeStudent(object sender, RoutedEventArgs e)
    {
       for (Int32 i = 0; i < test.StudentViewModels.Count; i++)
       {
           myMWVM.StudentViewModels.ElementAt((int)i).changeStudent();
       }
    }
}

主要观点：

class MainWindowViewModel : INotifyPropertyChanged
{
   ObservableCollection<StudentViewModel> _studentViewModels = 
        new ObservableCollection<StudentViewModel>();

   // Collection for WPF.
   public ObservableCollection<StudentViewModel> StudentViewModels
   {
      get { return _studentViewModels; }
   }

   // Constructor. Add two stude
   public MainWindowViewModel()
   {
      _studentViewModels.Add(new StudentViewModel());
      _studentViewModels.Add(new StudentViewModel());
   }

   // Property change.
   public event PropertyChangedEventHandler PropertyChanged;
   private void OnPropertyChanged(string propertyName)
   {
      if (PropertyChanged != null)
      {
         PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
      }
   }
}

学生观点：

class StudentViewModel : INotifyPropertyChanged
{
   Lazy<Student> _model;

   string _studentFirstName;
   public string StudentFirstName
   {
      get { return _studentFirstName; }
      set
      {
         if (_studentFirstName != value)
         {
            _studentFirstName = value;
            _model.Value.StudentFirstName = value;
            OnPropertyChanged("StudentFirstName");
         }
      }
   }

   string _studentLastName;
   public string StudentLastName
   {
      get { return _studentLastName; }
      set
      {
         if (_studentLastName != value)
         {
            _studentLastName = value;
            _model.Value.StudentLastName = value;
            OnPropertyChanged("StudentLastName");
         }
      }
   }

   public void changeStudent()
   {
      _model.Value.changeStudent();
   }


   public StudentViewModel()
   {
      _studentFirstName = "Default";
      _model = new Lazy<Student>(() => new Student());
   }


   public event PropertyChangedEventHandler PropertyChanged;
   private void OnPropertyChanged(string propertyName)
   {
      if (PropertyChanged != null)
      {
         PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
      }
   }
}

学生：

class Student
{
   public string StudentFirstName { get; set; }
   public string StudentLastName { get; set; }

   public Student()
   {
      MessageBox.Show("Student constructor called");
   }
   public Student(string nm)
   {
      StudentLastName = nm;
   }
   public void changeStudent()
   {
      StudentLastName = "McDonald";
   }
}

如果你一直读到这里，我已经谢谢:)不过，通过调用“clkChangeStudent”我没有看到在文本框中的变化。 我想这是因为我不叫StudentViewModel的设置方法。 我工作的这个项目是一个有点复杂，很多事情在类（这里的学生）本身发生。

我怎样才能在学生类本身的设置值的文本框更新？

Answer 1:

您的实际代码显然不会通知更改界面。 原因很简单。 你的方法，改变学生的名字在学生模型和模型不实现INotifyPropertyChanged。

有两个解决方法来解决取决于一个问题这个问题，请问changeStudent（）方法坚持使用对象模型，也就是说，可你的要求可以让你移动changeStudent（）方法向视图模型？

如果是的话， 第一个解决方案 ，只需从模型中取出changeStudent方法并将其移动到这样的视图模型：

class StudentViewModel : INotifyPropertyChanged
{
    ...

    public void changeStudent()
    {
        this.StudentLastName = "McDonald";
    }
}

在其他情况下， 第二个解决方案 ，就必须要养育事件每当模型属性的更改，然后让你的视图模型suscribe这些变化。 您可以继续这样的模式：

class Student : INotifyPropertyChanged
{
    ...

    private string studentLastName;

    public string StudentLastName
    {
        get
        {
            return this.studentLastName;
        }

        set
        {
            if(this.studentLastname != value)
            {
                this.studentLastName = value;
                this.OnPropertyChanged("StudentLastName");
            }
        }
    }
}

而对于视图模型：

class StudentViewModel : INotifyPropertyChanged
{
    ...

    public StudentViewModel(Student model)
    {
        this._model = model;

        this._model.PropertyChanged += (sender, e) =>
        {
            if(e.PropertyName == "StudentLastName")
            {
                this.OnPropertyChanged("StudentLastName");
            }
        };
    }
}

这两种解决方案会奏效。 这是真的，你知道，你的代码明确地需要通知每当接口值改变进口。

Answer 2:

ChangeStudent不调用任何的触发属性的方法在视图模型通知事件，它改变了底层模型来代替。 正是这些事件触发更新自己的看法。

顺便说一句，你也应该看看命令的代码隐藏使用点击处理从视图结合，而不是。 这样，你的看法并不需要知道 - 这就是连接并可以是纯展示视图模型什么。

Answer 3:

首先，你应该使用的命令，而不是事件。

在当前的结构，你必须添加一个

OnPropertyChanged("StudentLastName");

打电话给在StudentViewModel您ChangedStudent（）方法。 之后，你必须设置绑定的PropertyChanged的UpdateSourceTrigger

Text="{Binding Path=StudentFirstName, UpdateSourceTrigger=PropertyChanged}"

文章来源: WPF MVVM two-way updates