ICollectionView et silverlight 4

Version imprimable

20/08/2010, 17h02
Mozofeuk

ICollectionView et silverlight 4

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:

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

CollectionViewSource ne possédant pas de méthode GetDefaultView :calim2:

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
20/08/2010, 18h08
Skyounet

En Silverlight c'est juste xxx.View.CurrentItem
25/08/2010, 10h42
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

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

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:

1 2 this.DaMasterView.DataContext = MaMasterViewModel; this.DaDetailView.DataContext = MaMasterViewModel;
Et dans mon MasterView j'ai une propriété SelectedPersonne :

Code:

public DetailViewModel SelectedPersonne { get; set; }

Ma DetailView est binder comme cela :
Code:

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:

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 :calim2:

25/08/2010, 16h33
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".

Citation:

Envoyé par 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

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

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.

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:

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

25/08/2010, 17h35
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 ?
25/08/2010, 17h45
Skyounet

Il faut rajouter

Code:

source.View.CurrentChanged += (o, e) => NotifyPropertyChanged("View.CurrentItem");
25/08/2010, 18h02
Mozofeuk

8O 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:

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 :ccool:

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:

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

Avec le code complet

Code:

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:

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 :)

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 :aie:

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

Code:

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:

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 !!