datagrid, colonne de selection (avec option select all), le tout en MVVM

Version imprimable

02/05/2011, 15h04
chrisdot

datagrid, colonne de selection (avec option select all), le tout en MVVM

Bonjour à tous,

Je cherche une solution réutilisable pour implémenter une colonne de datagrid avec l'option select all. => un booléen à true ou false sur chaque row qui peuvent être "valuées" en une fois grâce au check all....
J'ai quelque chose qui marche, mais j'aimerai que ce soit réutilisable, car j'ai le cas dans plusieurs datagrids (parfois dans le même écran, même view model).

Pour l'instant, j'ai défini un custom "DataGridColumnHeaderStyle" avec le checkbox dedans, qui est bindé sur une propriété du viewmodel (qui elle passe en revue la liste des rows et change la valeur du check box de la cellule). Le problème c'est qu'en fonction du cas la propriété derrière n'a pas le même nom.
Je ne veux pas avoir à redéfinir 10x le même DataGridColumnHeaderStyle mais avec simplement la ligne de binding à la propriété qui change...

Faut-il que j'implémente ma propre version de DataGridColumn (abstract), y-a-t-il moyen d'utiliser les triggers ?? Autre ???

Je suis preneur de toute idée...

Merci,
Christophe

Bonjour Christophe,

Je me suis penché sur ton problème. Voici un (bon) début de solution :

Le xaml tout d'abord :

Code:

1
2
3
4
5
6
7
 
        <sdk:DataGrid ItemsSource="{Binding}" AutoGenerateColumns="False">
            <sdk:DataGrid.Columns>
                <local:DataGridCheckBoxAllColumn Binding="{Binding IsCool}" BindingAll="{Binding AreCool, Mode=TwoWay}">
                </local:DataGridCheckBoxAllColumn>
            </sdk:DataGrid.Columns>
        </sdk:DataGrid>

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
    public class DataGridCheckBoxAllColumn : DataGridCheckBoxColumn
    {
        public Binding BindingAll
        {
            get;
            set;
        }
 
        public override Binding Binding
        {
            get
            {
                return base.Binding;
            }
            set
            {
                base.Binding = value;
            }
        }
 
        bool isLoaded = false;
 
        // on se sert de cette methode comme d'une methode Load :)
        protected override FrameworkElement GenerateElement(DataGridCell cell, object dataItem)
        {
            if (isLoaded == false)
            {
                isLoaded = true;
 
                string xaml = @"<ControlTemplate
                xmlns=""http://schemas.microsoft.com/client/2007"">
                <CheckBox ";
 
                if( this.BindingAll != null )
                {
                    xaml += @"IsChecked=""{Binding " + this.BindingAll.Path.Path + @",Mode=TwoWay}""";
                }
 
                xaml += @"/>";
                xaml += @"</ControlTemplate>";
 
                ControlTemplate template = (ControlTemplate)XamlReader.Load(
                           xaml
                         );
 
                Style style = new Style(typeof(DataGridColumnHeader));
 
                style.Setters.Add(new Setter(DataGridColumnHeader.TemplateProperty, template));
 
                this.HeaderStyle = style;
            }
            return base.GenerateElement(cell, dataItem);
        }
    }

Ici j'ai mis en place un Binding que j'appelle BindingAll qui pointe vers la valeur que la checkbox du header doit changer et ainsi toucher les valeurs des autres checkboxs contenus dans les lignes.

Les classes representant les données dont la propriété AreCool de la classe Datas qui controlent les enfants

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
    public class Datas : ObservableCollection<Data>
    {
        public bool AreCool
        {
            get
            {
                foreach (Data data in this)
                {
                    if (data.IsCool == false)
                        return false;
                }
 
                return true;
            }
 
            set
            {
                foreach (Data data in this)
                {
                    data.IsCool = value;
                }
            }
        }
    }
 
    public class Data : INotifyPropertyChanged
    {
        public bool IsCool
        {
            get
            {
                return this.isCool;
            }
 
            set
            {
                if( this.isCool != value )
                {
                    this.isCool = value;
                    this.RaisePropertyChanged("IsCool");
                }
            }
 
        }
 
        private bool isCool = false;
 
        public event PropertyChangedEventHandler PropertyChanged;
 
        protected void RaisePropertyChanged( string propertyName )
        {
            if (this.PropertyChanged != null)
            {
                this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }

On peut aller plus loin mais c'est un (bon) début :) !

04/05/2011, 09h34
chrisdot

Bonjour Samuel,

L'idée me plaît !! Je vais m'y pencher.
Par contre, la partie injection de code dans "GenerateElement" reste mystérieuse pour moi. Si j'ai bien compris, on injecte la checkbox d'entête, mais on en perd la blenadbilité, le styling, etc... N'est-il pas? (ce n'est pas un problème en soi, c'est juste pr bien comprendre)

Merci !
Christophe
04/05/2011, 11h05
Samuel Blanchard

Citation:

Par contre, la partie injection de code dans "GenerateElement" reste mystérieuse pour moi. Si j'ai bien compris, on injecte la checkbox d'entête, mais on en perd la blenadbilité, le styling, etc... N'est-il pas? (ce n'est pas un problème en soi, c'est juste pr bien comprendre)

Oui c'est exactement cela. En fait tu crées un style à la volée qui contient le template de ton Header. Dans ce template tu peux intégrer la valeur de BindingAll mais on pourrait faire autrement je pense (sans doute plus Blendable!)