MVVM Pattern, ViewModel DataContext soru

Question

ViewModels arasında nasıl iletişim kuracağımı bulmam gerek. Ben MVVM için yeniyim, lütfen nazik ol. İşte

bir dumbed ömeği

sınıf tanımları (Ben ParentViewModel içinde Child.PropertyChanged olayı bağımlısı olduğu düşünülerek) var: Burada kaynak sözlükte bakın ne

public class ParentViewModel : ViewModelBase 
{ 
    public ChildViewModel Child { get; set; } 
} 

public class ChildViewModel : ViewModelBase 
{ 
    String _FirstName; 
    public String FirstName 
    { 
     get { return _FirstName; } 
     set 
     { 
      _FirstName = value; 
      OnPropertyChanged("FirstName"); 
     } 
    } 
} 

<DataTemplate DataType="{x:Type vm:ParentViewModel}"> 
    <vw:ParentView/> 
</DataTemplate> 

<DataTemplate DataType="{x:Type vm:ChildViewModel}"> 
    <vw:ChildView/> 
</DataTemplate> 

ve ChildView'ın arkadaki kodu:

public partial class ChildView : UserControl 
{ 
    public QueueView() 
    { 
     InitializeComponent(); 
     DataContext = new ChildViewModel(); 
    } 
} 

Açık olan sorun, ChildView'ın başlatılmasıyla (DataTemplate'den seçim) yeni bir ChildViewModel sınıfı oluşturması ve ParentViewModel'in ona erişimi olmamasıdır.

Peki, DataTemplate'in seçilmesine neden olan özgün ViewModel olmak için Görünümün DataContext'ini nasıl uygulayabilirim?

Açık bir düzeltme, ChildViewModel'deki özellikleri ParentViewModel'e yerleştirmektir, ancak yeniden kullanmak için ayırmak isterim.

Cevabın önemsiz olduğundan eminim, sadece ne olduğunu bilmek istiyorum. :)

Önceden teşekkürler.

DataContext = new ChildViewModel(); 

bakış DataContext WPF tarafından otomatik olarak ayarlanacaktır:

Answer 1

Sadece çizgiyi kaldırmak gerekir. DataTemplates her zaman kendi veri bağlamı (bu durumda ViewModel olarak) şablon için verilere belirledik:

<DataTemplate DataType="{x:Type vm:ChildViewModel}"> 
    <vw:ChildView/> 
</DataTemplate> 

Sonuçta sizin bakış modeli ayrı ayrı (hem üst hem de alt sınıflar) ve daha sonra nesneleri inşa edebilirsiniz olmasıdır Daha sonra bunları içerik denetimlerine bağlayarak görüntüler.

Answer 2

Bir QueueViewModel kullanan bir QueueView'unuz olduğunu varsayalım.

public class QueueViewModel : INotifyPropertyChanged 
{ 
    public ParentType Parent { get; set; } 

    public QueueViewModel(ParentType parent) 
    { 
     this.Parent = parent; 
     foreach (ChildType child in Parent) 
     { 
      child.PropertyChanged += delegate(object sender, 
       PropertyChangedEventArgs e) 
      { 
       if (e.PropertyName != "IsSelected") 
        return; 

       //do something like this: 
       Parent.IsSelected = AllChildrenAreSelected(); 
      }; 
     } 
    } 

} 

public class ParentType : INotifyPropertyChanged 
{ 
    private bool _isSelected; 

    public IList<ChildType> Children { get; set; } 
    public bool IsSelected 
    { 
     get { return _isSelected; } 
     set 
     { 
      _isSelected = value; 
      OnPropertyChanged("IsSelected"); 
     } 
    } 
} 

public class ChildType : INotifyPropertyChanged 
{ 
    private string _name; 
    private bool _isSelected; 

    public string Name 
    { 
     get { return _name; } 
     set 
     { 
      _name = value; 
      OnPropertyChanged("Name"); 
     } 
    } 

    public bool IsSelected 
    { 
     get { return _isSelected; } 
     set 
     { 
      _isSelected = value; 
      OnPropertyChanged("IsSelected"); 
     } 
    } 
} 

- QueueView parçası

<StackPanel> 
<CheckBlock Text="{Binding Path=Parent.Name}" 
      IsChecked="{Binding Parent.IsSelected}"/> 
<ItemsControl ItemsSource="{Binding Path=Parent.Children}"> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate>          
      <CheckBox Content="{Binding Path=Name}" 
         IsChecked="{Binding Path=IsSelected, Mode=TwoWay}"/> 
     </DataTemplate> 
    <ItemsControl.ItemTemplate> 
</ItemsControl> 
</StackPanel> 

Answer 3

MVVM yaklaşımı kullanarak ViewModels arasında iletişim kurmak için en kolay yolu Arabulucu kalıbı (Prism EventAggregator) kullanmaktır. Bu yaklaşımın güzel bir örnek aşağıdaki bağlantılardan görülebilir:

1. MVVM Mediator Pattern by Sacha Barber
2. MVVM + Mediator by marlon grech

Ayrıca MVVM sample proje çerçevesini göz atın.