[Silverlight入门系列]使用MVVM模式(3)：Model的INotifyPropertyChanged接口实现

 

当客户端绑定一个数据模型以后，数据模型变化以后可以自动通知客户端更新界面显示，这就是INotifyPropertyChanged接口要做的工作。INotifyPropertyChanged 接口用于向客户端（通常是执行绑定的客户端）发出某一属性值已更改的通知。例如，考虑一个带有名为 FirstName 属性的 Person 对象。 若要提供一般性属性更改通知，则 Person 类型实现 INotifyPropertyChanged 接口并在 FirstName 更改时引发 PropertyChanged 事件。 若要在将客户端与数据源进行绑定时发出更改通知，则绑定类型应具有下列功能：实现INotifyPropertyChanged接口。

当绑定的属性改变时，它可以通知客户端，并进行界面数据更新。而我们不用写很多复杂的代码来更新界面数据，这样可以做到方法简洁而清晰，松耦合和让方法变得更通用。可用的地方太多了：例如上传进度，实时后台数据变更等地方。

（另：对于集合Model：INotifyCollectionChanged结接口会有ObservableCollection自动实现（见上一篇））

 

一个简单的例子：（下面的例子中TextBlock绑定了DataContext的ModelName，点击按钮以后model更新，TextBlock会自动更新）

Model：

publicclass MyModel : INotifyPropertyChanged   
 2 {
 3 publicevent PropertyChangedEventHandler PropertyChanged;   
 4 
 5 publicint ModelID { get; set; }
 6 
 7 privatestring _ModelName;
 8 publicstring ModelName
 9         {
10 get { return _ModelName; }
11 set
12             {
13                 _ModelName = value; 
14 
15 if (PropertyChanged !=null)
16                 {
17                     PropertyChanged(this, new PropertyChangedEventArgs("ModelName"));
18                 }
19             }
20         }
21 }

 

Silverlight页面：

<Grid x:Name="LayoutRoot" Background="White">
2 <TextBlock Height="46" HorizontalAlignment="Left" Margin="187,51,0,0" Name="textBlock1" Text="{Binding ModelName}" VerticalAlignment="Top" Width="94"/>
3 <Button Content="update" Height="39" HorizontalAlignment="Left" Margin="187,120,0,0" Name="button1" VerticalAlignment="Top" Width="106" Click="button1_Click"/>
4 </Grid>

 

页面代码：

public MyView()
 2 {
 3       InitializeComponent();
 4 
 5       MyModel m1 =new MyModel() { ModelID =1, ModelName ="abc" };
 6 
 7 this.DataContext = m1;
 8 }
 9 
10 privatevoid button1_Click(object sender, RoutedEventArgs e)
11 {
12        (this.DataContext as MyModel).ModelName ="abc_changed";
13 }

甚至还有一个VS2010插件来完成这个工作：NotifyPropertyWeaver

 

ViewModel也可以实现INotifyPropertyChanged接口，很简单：

 

XAML绑定集合：

<DataGrid ItemsSource="{Binding Path=LineItems}"/>

 

ViewModel代码：

publicclass OrderViewModel : INotifyPropertyChanged
 2 {
 3 public OrderViewModel( IOrderService orderService )
 4     {
 5 this.LineItems =new ObservableCollection<OrderLineItem>(
 6                                orderService.GetLineItemList() );
 7     }
 8 
 9 public ObservableCollection<OrderLineItem> LineItems { get; privateset; }
10 }