MVVM Pattern, ViewModel DataContext domanda

Question

Ho bisogno di capire come comunicare tra ViewModels. Sono nuovo di MVVM quindi per favore sii gentile.

Ecco un esempio instupiditi

definizioni di classe (si presuppone che ho agganciato l'evento Child.PropertyChanged nel 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"); 
     } 
    } 
} 

Ecco cosa si vede nel dizionario risorse

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

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

e il code-behind di ChildView:

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

Il problema ovvio è che quando ChildView viene istanziato (tramite selezione dal DataTemplate) crea una nuova classe ChildViewModel e il ParentViewModel non ha accesso ad esso.

Quindi, come è possibile creare un'istanza del DataContext della vista come ViewModel originale che ha causato la selezione del DataTemplate?

Una correzione ovvia è di mmerge le proprietà in ChildViewModel nel ParentViewModel, ma preferisco separarlo perché per il riutilizzo.

Sono sicuro che la risposta è banale, vorrei solo sapere di cosa si tratta. :)

Grazie in anticipo.

Answer 1

Si dovrà semplicemente rimuovere la riga:

DataContext = new ChildViewModel(); 

La DataContext della vista verrà impostato automaticamente dal WPF. DataTemplates sempre hanno il loro contesto insieme di dati ai dati per il modello (in questo caso il ViewModel):

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

Il risultato finale è che si può costruire il modello di visualizzazione degli oggetti a parte (entrambe le classi principali e secondari) e poi visualizzali in seguito semplicemente inserendoli nei controlli del contenuto.

Answer 2

Supponiamo di disporre di un QueueView che utilizza un 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 parte

<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

Il modo più semplice per comunicare tra ViewModels utilizzando l'approccio MVVM è utilizzare il modello mediatore (EventAggregator in Prism). Un buon esempio di questo approccio può essere visto nei seguenti link:

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

Verificate anche il quadro del progetto MVVM sample.