上篇我們已經(jīng)了解了MVVM的框架結構和運行原理。這里我們來看一下偉大的雙向數(shù)據(jù)綁定。
說到雙向綁定,大家比較熟悉的應該就是AngularJS了,幾乎所有的AngularJS 系列教程的開篇幾章都要涉及到,真的是很好用。
表達的效果很簡單:就是在界面的操作對數(shù)據(jù)模型的修改能實時反映到數(shù)據(jù);而數(shù)據(jù)的變更能實時展現(xiàn)到界面。即視圖數(shù)據(jù)模型(ViewModel)和視圖(View)之間的雙向綁定和觸發(fā)。
我們來操作一個試試看:
第一步:先寫一個Model,里面包含我們需要的數(shù)據(jù)信息,代碼如下:
1 /// <summary> 2 /// 用戶信息 3 /// </summary> 4 public class UserInfoModel : ObservableObject 5 { 6 private String userName; 7 /// <summary> 8 /// 用戶名稱 9 /// </summary>10 public String UserName11 {12 get { return userName; }13 set { userName = value; RaisePropertyChanged(()=>UserName); }14 }15 16 private Int64 userPhone;17 /// <summary>18 /// 用戶電話19 /// </summary>20 public Int64 UserPhone21 {22 &nbs