Discussion :

[Mozofeuk]

Bonjour à tous, j'essaye de me mettre au patern MVVM donc j'ai commencer à suivre le tuto suivant qui est très bien fait :

http://japf.developpez.com/tutoriels...testables/#LII

A la différence que j'utilise VS 2010 et donc du Silverlight 4.0. Le projet est très simple c'est en fait une MasterView et une DetailView qui change en fonction de l'élément sélectionné dans la MasterView. Pour le Binding de la MasterView avec sont ViewModel pas de problème par contre c'est pour récuperer l'élément selectionner dans la MasterView et l'afficher dans la DetailView que ça cloche.

Dans le tuto il est expliqué d'utiliser l'interface ICollectionView qui possède une propriété CurrentItem mais en Silverlight 4 il est impossible de faire la ligne suivantes :

Code :

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

 this.collectionView = CollectionViewSource.GetDefaultView(this.MaListeDePersonnes);

CollectionViewSource ne possédant pas de méthode GetDefaultView

Est ce que quelque chose a changer depuis la 4.0 ou c'est moi qui fait un truc de travers ??

Merci a tous, Cordialement MoZo

[Skyounet]

En Silverlight c'est juste xxx.View.CurrentItem

[Mozofeuk]

Merci de répondre Skyounet et dsl pour la latence de la mienne.

Je ne comprend pas trop là, le xxx correspond a quoi ?? On est d'accord que le but c'est de ne mettre aucun code C# dans la vue non ??

Cordialement MoZo

[Mozofeuk]

Bon j'ai essayé en implémentant une autre méthode, j'ai essayer de binder le SelectedItem de ma ListBox comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
 <ListBox Name="Lb_Personnes" ItemsSource="{Binding ListPersonnes}" SelectedItem="{Binding Path=SelectedPersonne, Mode=TwoWay}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Nom}" Width="70" FontWeight="Bold"></TextBlock>
                        <TextBlock Text="{Binding Prenom}"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

ListPersonnes est une ObservableCollection<DetailViewModel>

Mon MasterViewModel est binder comme ceci :

Code :

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

1
2
this.DaMasterView.DataContext = MaMasterViewModel;
            this.DaDetailView.DataContext = MaMasterViewModel;

Et dans mon MasterView j'ai une propriété SelectedPersonne :

Code :

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

 public DetailViewModel SelectedPersonne { get; set; }

Ma DetailView est binder comme cela :

Code :

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

1
2
3
4
5
6
7
8
<Grid x:Name="LayoutRoot" Background="White" DataContext="{Binding Path=SelectedPersonne,Mode=TwoWay}">
 
        <TextBox Height="25" Name="Tb_Age" Text="{Binding Path=Age,Mode=TwoWay}"/>
        <TextBox Height="25" Name="Tb_Nom" Text="{Binding Path=Nom,Mode=TwoWay}"/>
        <TextBox Height="25" Name="Tb_Prenom" Text="{Binding Path=Prenom,Mode=TwoWay}"/>
        <CheckBox Content="CheckBox" Name="Cb_Mal" IsChecked="{Binding Path=Mal,Mode=TwoWay}"/>
        <CheckBox Content="CheckBox" Name="Cb_Femmelle" IsChecked="{Binding Path=Femmelle,Mode=TwoWay}"/>
    </Grid>

Quand par exemple je fais :

Code :

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

1
2
 
SelectedPersonne = ListPersonnes[0];

Ma DetailView affiche bien les détails de ma ligne mais lorsque je change la selection de ma ListBox, ma DetailView ne s'update pas

[Pragmateek]

Tu as deux solutions :
- faire de "SelectedPersonne" une propriété de dépendance,
- faire implémenter INotifyPropertyChanged à ta MasterView et notifier de la modification de "SelectedPersonne".

[Skyounet]

Merci de répondre Skyounet et dsl pour la latence de la mienne.

Je ne comprend pas trop là, le xxx correspond a quoi ?? On est d'accord que le but c'est de ne mettre aucun code C# dans la vue non ??

Cordialement MoZo

Au lieu d'exposer une ObservableCollection dans ta ViewModel tu peux à la place exposer une ICollectionView qui proviendrait d'une CollectionViewSource.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
ObservableCollection<Person> persons = new ObservableCollection<Person>();
CollectionViewSource source = new CollectionViewSource();
 
[...]
source.Source = persons;
[...]
 
public ICollectionView View
{
   get { return source.View; }
}

Du coup tu pourrais binder ta DetailView sur View.CurrentItem.

[Mozofeuk]

Ok merci a toi seriousme, en fait ma classe Classe MasterViewModel hérité déja d'une classe implémentant INotifyPropertyChanged il me manquer juste à déclencher le OnPropertyChanged sur le set de la propriété comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
private DetailViewModel _SelectedPersonne;
 
				public DetailViewModel SelectedPersonne
				{
					get
					{
						return this._SelectedPersonne;
					}
					set
					{
						this._SelectedPersonne = value;
                        OnPropertyChanged("SelectedPersonne");
					}
				}

@Skyounet je vais essayer ta méthode aussi !!

Merci a tous les deux

[Mozofeuk]

Alors j'ai binder ma liste avec le source.Source et j'ai binder ma DetailView avec le View.CurrentItem mais là même problème, ma DetailView ne s'update pas en fonction de la selection de la liste et la propriété CurrentItem est readOnly donc impossible de lui balancer le OnPropertyChanged, je crois il y a ENCORE un truc que j'ai pas saisi.

Ce qui est dommage car ICollectionView a l'air bien plus puissant et plus adapté pour MVVM non ?

[Skyounet]

Il faut rajouter

Code :

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

source.View.CurrentChanged += (o, e) => NotifyPropertyChanged("View.CurrentItem");

[Mozofeuk]

je connaissais pas cette syntaxe pour les délégates !!


Je vais être chiant mais c'est pas plutôt (NotifyPropertyChanged n'existe pas)

Code :

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

source.View.CurrentChanged += (o, e) => OnPropertyChanged("View.CurrentItem");

mais même là ça ne marche pas il ne me modifie pas mon CurrentItem. J'approfondirais plus demain, merci Skyounet de me consacrer de ton temps

[Skyounet]

Si si j'ai essayé (chez moi ma méthode s'appelle NotifyPropertyChanged).

Comment est bindé ton DetailsView ? Le mien est bindé comme ça (bon moi c'est juste une TextBox)

Code xml :

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

<TextBox Text="{Binding Path=View.CurrentItem.Name, Mode=TwoWay, Source={StaticResource viewModel}}" Grid.Row="1" />

Avec le code complet

Code xml :

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

1
2
3
<ListBox x:Name="lbTest" ItemsSource="{Binding Path=View, Source={StaticResource viewModel}}" DisplayMemberPath="Name" />
 
        <TextBox Text="{Binding Path=View.CurrentItem.Name, Mode=TwoWay, Source={StaticResource viewModel}}" Grid.Row="1" />

Et mon ViewModel

Code c# :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
public class ViewModel : INotifyPropertyChanged
{
    private ObservableCollection<Person> persons = new ObservableCollection<Person>();
    private CollectionViewSource source = new CollectionViewSource();
 
    public ICollectionView View
    {
        get { return source.View; }
    }
 
    public ViewModel()
    {
        persons.Add(new Person { Name = "toto" });
        persons.Add(new Person { Name = "tata" });
        persons.Add(new Person { Name = "tutu" });
 
        source.Source = persons;
 
        source.View.CurrentChanged += (o, e) => NotifyPropertyChanged("View.CurrentItem");
 
        NotifyPropertyChanged("View");
    }
 
    #region INotifyPropertyChanged Members
 
    public void NotifyPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }
 
    public event PropertyChangedEventHandler PropertyChanged;
 
    #endregion
}

La syntaxe pour les delegates c'est une lambda expression, ça change la vie

[Mozofeuk]

Comme d'habitude j'avais fais le boulet, j'avais en fait binder la listBox de ma masterView avec le source.Source et non avec la source.view

Du coup ça marche impeccable, même pas besoin de préciser le

Code :

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

source.View.CurrentChanged += (o, e) => NotifyPropertyChanged("View.CurrentItem");

Car même sans ça il m'update bien ma DetailView du coup.

Pour le coup du NotifyPropertyChanged ça viens juste du fait que la mienne est nommée différemment :

Code :

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

1
2
3
4
5
6
7
8
protected virtual void OnPropertyChanged(string propertyName)
        {
 
            if (this.PropertyChanged != null)
            {
                this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

Encore merci !!