Discussion :

[koyot3]

Bonjour à tous,

Je continue actuellement des différents tests avec le fameux pattern MVVM.
Aujourd'hui, pour bien commencer la semaine, j'ai une question sur la gestion des UserControls UC.

En effet mon application est faite de la sorte :
1 View MainWindowsV bindée sur la ViewModel MainWindowsVM
1 UC uc1V bindé sur uc1VM
1 UC uc2V bindé sur uc2VM

Dans ma MainWindowsV, j'ai un menu qui retourne avec une command le choix dans un menu. J'aimerais réussir à lui faire afficher l'UC 1 ou le 2 en fonction du choix dans le menu..

J'ai donc pensé à faire hériter toutes les ViewModel d'une interface classique et dans la ViewModel de ma page principale, avoir une propriété telle que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 protected IViewModel _MaVue;
        public readonly IViewModel MaVue()
        {
            return _MaVue;
        }

A partir de là, plusieurs questions :
-déjà est ce le bon raisonnement ?
- la VM de base doit donc posséder toutes les instances en cours des autres VM afin de pouvoir garder les données saisies ?
-comment gérer le binding pour afficher le bon UC

Par avance, merci pour ceux qui répondront !

@+

[Nathanael Marchand]

C'est pas tout à fait ca, mais on s'en approche! Voila ce que je te suggère:
Ton interface:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
public interface IViewModel
{
    UserControl View { get; }
}

Ton MainViewModel

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
public class MainViewModel : INotifyPropertyChanged
{ ...BLABLABLA...
    private IViewModel _selectedViewModel;
    public IViewModel SelectedViewModel
    {
         get { return _selectedViewModel; }
         set { _selectedViewModel = value; //Ajouter ici le code pour NotifyPropertyChanged }
    }
    ...BLABLABLA ENCORE ...
}

En fonction de ton choix tu peux affecter a SelectedViewModel l'un ou l'autre des viewmodel. A ce propos, oui tu dois garder une référence vers tes viewmodel sauf si tu utilises un ServiceLocator (Unity, MEF, ou a la main)

L'utilisation dans le XAML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<ContentControl Content="{Binding SelectedViewModel}" />

[tomlev]

+1 pour la réponse de PitMaverick, sauf qu'il en manque un bout

Pour que ça marche, il faut définir un DataTemplate pour chaque type de ViewModel pour l'associer au UserControl correspondant (pour que le ContentControl sache quelle vue utiliser pour un ViewModel donné)

Par contre, oublie ton idée d'avoir une propriété MaVue : le ViewModel ne doit pas avoir connaissance de la vue, c'est un des principes de base de MVVM

[Nathanael Marchand]

+1 pour la réponse de PitMaverick, sauf qu'il en manque un bout

Pour que ça marche, il faut définir un DataTemplate pour chaque type de ViewModel pour l'associer au UserControl correspondant (pour que le ContentControl sache quelle vue utiliser pour un ViewModel donné)

Par contre, oublie ton idée d'avoir une propriété MaVue : le ViewModel ne doit pas avoir connaissance de la vue, c'est un des principes de base de MVVM

Ben en fait, j'utilise souvent ce système qui m'a déjà sorti plusieurs fois d'embuches. Après la nuance c'est que le ViewModel n'a pas connaissance de l'implémentation de la vue. Généralement l'implémentation est un truc du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

UserControl View { get { return ViewFactory.GetView<IView>(); } }

(et dans mon cas ViewFactory.GetView est UnityContainer.Resolve)

[koyot3]

Merci pour vos réponses.

En fait j'ai utilisé un mix des deux on va dire

J'ai une propriété dans ma ViewModel principale

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
protected IViewModel _MaVm;
public IViewModel MaVm
{
  set
  {
   _MaVm = value;
   PropertySetter("MaVm");
  }
  get { return  _MaVmm; }
  }

qui me retourne la ViewModel sélectionnée, enfin celle à afficher...

Pour ce qui concerne les resources

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<Window.Resources>
        <DataTemplate  DataType="{x:Type local2:MaViewModel}">
            <local:View1/>
        </DataTemplate>
        <DataTemplate  DataType="{x:Type local2:MaViewModel2}">
            <local:View2/>
        </DataTemplate>  
 
        <local2:MaMainViewModel x:Key="MyVM"/>
 
    </Window.Resources>

et pour afficher le bon UserCOntrol,

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

<ContentControl Content="{Binding MaVm}" BorderThickness="3" Margin="20">

Cela vous paraît correct au niveau respect du pattern ?
N'hésitez pas si vous voyez d'éventuelles améliorations (pour l'instant ça fonctionne mais bon )

Par avance, merci

@+

[koyot3]

Re,

Je me permets de revenir sur ce post car j'ai un autre problème : à chaque fois que ma View change, automatiquement une nouvelle instance de la ViewModel est générée et donc je perd les données saisies par exemple.

Comment puis-je faire pour conserver les premières instances ?

Par avance, merci de votre aide