TabItem dataBinding et MvVM

Version imprimable

29/08/2011, 12h31
IsraGab

TabItem dataBinding et MvVM

Bonjour,
Je cherche a faire un binding en MVVM, cela fait deja 3 bonnes heures que je cherche a comprendre comment marche le control Tab et je suis completement bloqué.

Voila, j'ai dans ma ViewModel des listes...
Dans ma View un TabControl comprenant 3 TabItem et 1 ListeBox
Je souhaite relier la ListBox avec le TabItem sélectionné.

Quelqu'un s'y connait?
29/08/2011, 15h42
Skyounet

Bah sur le SelectedIndex de la listbox

Code:

SelectedIndex="{Binding Path=SelectedIndex, Mode=TwoWay, ElementName=tabControl1}"
30/08/2011, 09h47
IsraGab

Je n'ai pas vraiment essayer d'executer ton code, mais il me semble que cette ligne ferra en sorte que la ligne selectionnée dans le listBox serra la meme que le Item séléctionné.

Moi je cherche en quelque sorte a filtré les éléments de ma liste.
Par exemple:
J'ai des produits: List<Products>
Chaque objet de Products contient un champ CategoryID (MonProduit.CategoryID).

Les TabItems sont reliés avec les Categories et la liste avec Products.
Lorsqu'un TabItem est selectionné la liste contient uniquement les éléments où Products.CatégoryID == TabItem.

J'imagine que ton TabControl est bindé à une liste de Category ? Aussi, tu peux binder le TabControl.SelectedItem à une propriété de ton ViewModel, te permettant d'accéder à la catégorie sélectionnée (= tab sélectionné).

Ensuite, à chaque modification de l'item, tu filtres la liste de ta ListBox. Tu peux même utiliser une PagedCollectionView, pour plus de simplicité.

Ca donnerait quelque chose du genre :

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 MonViewModel 
{     
        private int _selectedCatagory;
        public int SelectedCatagory
        {
            get { return _selectedCatagory; }
            set
            {
                if (_selectedCatagory!= value)
                {
                    _selectedCatagory= value;
                    RaisePropertyChanged("SelectedCatagory");
 
                    // Rafraichissement de la collection, avec appel au filtre
                    Products.Refresh();
                }
            }
        }
 
        // Liste filtrée
        public PagedCollectionView Products { get; set; }
 
        // Liste d'origine des produits
        private List<Product> productsCache;
 
        public MonViewModel() 
        {
            // La PagedCollectionView encapsule la liste des produits
            Products = new PagedCollectionView(productsCache);
            // Définition du filtre
            Products.Filter = p => p.CategoryId == SelectedCatagory.CategoryId != null && SelectedCatagory.CategoryId;
        }
}

Je te laisse l'adapter à ton code :)

30/08/2011, 11h41
IsraGab

Merci beaucoup,
J'ai juste encore un petit probleme, c'est que je ne trouve pas la PagedCollectionView. J'ai bien ajouté l'assembly System.Windows.data, mais pas de PagedCollectionView.
As tu une idée?
30/08/2011, 11h46
IsraGab

C'est bon, merci, je sais pourquoi.

Ma ViewModel est dans un autre projet que ma vue.
Ce projet (ou se trouve la ViewModel) est de type "Librairie de classe silverlight"
et la bas, ce type n'existe pas dans system.windows.data.
30/08/2011, 11h48
freezer08

Ah ok, tu me rassures :) La classe est un peu cachée, mais une fois la bonne dll référencée, il ne devrait pas y avoir de soucis !