MVVM-Muster, ViewModel DataContext-Frage

Question

Ich muss herausfinden, wie man zwischen ViewModels kommuniziert. Ich bin neu in MVVM, also bitte sei nett.

Hier ist ein verdummtes Beispiel

Klassendefinitionen (davon ausgehen, dass ich das Child.PropertyChanged Ereignis in der ParentViewModel angeschlossen habe):

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

Hier ist, was Sie im Ressourcenverzeichnis sehen

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

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

und der Code-Behind der ChildView:

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

Das offensichtliche Problem ist, dass, wenn die ChildView instanziiert wird (über die Auswahl aus der DataTemplate) erstellt es eine neue ChildViewModel-Klasse und das ParentViewModel hat keinen Zugriff darauf.

Wie kann ich den DataContext der View als das ursprüngliche ViewModel instanziieren, das zur Auswahl der DataTemplate führte?

Eine offensichtliche Lösung besteht darin, die Eigenschaften im ChildViewModel in das ParentViewModel einzufügen, aber ich würde es lieber zur Wiederverwendung trennen.

Ich bin sicher, die Antwort ist trivial, ich möchte nur wissen, was es ist. :)

Vielen Dank im Voraus.

Answer 1

Sie sollten einfach entfernen Sie die Zeile:

DataContext = new ChildViewModel(); 

Die DataContext der Ansicht wird automatisch von WPF eingestellt werden. DataTemplates immer auf die Daten, um ihren Datenkontext (das Ansichtsmodell in diesem Fall) für die Vorlage festgelegt hat:

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

Das Endergebnis ist, dass Sie die Ansicht Modell (beiden Eltern und Kind Klassen) Objekte separat bauen und dann Zeigen Sie sie später an, indem Sie sie einfach in die Inhaltssteuerelemente einfügen.

Answer 2

Nehmen wir an, Sie haben eine QueueView, die ein QueueViewModel verwendet.

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

- Queue-Ansicht Teil

<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

Der einfachste Weg zwischen Viewmodels mit dem MVVM Ansatz zu kommunizieren, ist der Mediator-Muster (Eventaggregator in Prism) zu verwenden.

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

Auch das Projekt überprüfen MVVM sample Rahmen: Ein gutes Beispiel für diesen Ansatz in den folgenden Links zu sehen.