Wzór MVVM, pytanie DataModel DataContext

Question

Potrzebuję dowiedzieć się, jak komunikować się między ViewModels. Jestem nowy w MVVM, więc proszę bądź uprzejmy.

Oto dumbed dół Przykład

definicje klasy (zakładając, że mam podpięty zdarzenie Child.PropertyChanged w ParentViewModel):

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"); 
     } 
    } 
} 

Oto, co można zobaczyć w słowniku zasobów

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

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

i kod identyfikatora ChildView:

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

Oczywistym problemem jest to, że po utworzeniu instancji ChildView (poprzez wybór z DataTemplate) tworzy ona nową klasę ChildViewModel i ParentViewModel nie ma do niej dostępu.

Jak utworzyć instancję DataContext widoku jako oryginalny ViewModel, który spowodował wybór DataTemplate?

Oczywistym rozwiązaniem jest zminiaturyzowanie właściwości w ChildViewModel do ParentViewModel, ale wolałbym go oddzielić, ponieważ do ponownego użycia.

Jestem pewien, że odpowiedź jest banalna, po prostu chciałbym wiedzieć, co to jest. :)

Z góry dziękuję.

Answer 1

należy po prostu usunąć wiersz:

DataContext = new ChildViewModel(); 

DataContext z widoku zostanie ustawiony automatycznie przez WPF. DataTemplates zawsze ich kontekst danych ustawione do danych dla szablonu (w tym przypadku ViewModel):

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

Końcowym rezultatem jest to, że można zbudować widok modelu obiektów osobno (obie klasy rodzic i dziecko), a następnie wyświetlaj je później, po prostu podłączając je do kontroli treści.

Answer 2

Załóżmy, że masz QueueView, który używa QueueViewModel.

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 część

<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

Najprostszym sposobem komunikowania pomiędzy ViewModels stosując metodę MVVM jest użycie wzoru Mediator (EventAggregator Prism). Dobrym przykładem takiego podejścia widać w poniższych linków:

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

Sprawdź również ramy projektu MVVM sample.