Discussion :

[Arnard]

Bonsoir,

sur une listBox je bind une List<Selection>

Selection est une petite classe qui expose un objet sous-jacent pour gérer la sélection, de la forme

Code :

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

1
2
3
4
5
6
7
 
public class Selection<T>
{
  public bool IsSelect {get; set;}
  public String Designation {get;} //En interne utilise une Func<T, String> pour générer la String à renvoyer
  public T Item { get; set }
}

et j'ai mon ptit code XAML qui décrit ma listBox :

Code xml :

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

1
2
3
4
5
6
7
<ListBox SelectionMode="Multiple" Name="ExportSelectZone" Grid.Row="0" Grid.Column="0">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <ListBoxItem IsSelected="{Binding Path=IsSelect, Mode=TwoWay}" Content="{Binding Path=Designation}" />
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

J'affecte ma List à ExportSelectZone.ItemsSource après une requête Linq en code behind.

Ca marche très bien, j'ai ma liste, la sélection fonctionne à un détail près : si je clique sur le text de la ListBoxItem, la sélection ne se fait pas, si je clique sur la partie vide entre la désignation et le bord de la ListBox, la sélection se fait... Et j'avoue que là comme ça je suis perplexe...

Donc merci aux bonnes âmes qui viendront à mon aide

[binoo]

Salut,

C'est un peu bizarre ce que tu fais. Tu ajoutes un ListBoxItem dans le template du ListBoxItem... donc j'ai envie de dire c'est normal...

Essaie avec ça :

Code xml :

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

1
2
3
4
5
6
7
8
9
10
11
12
                    <ListBox SelectionMode="Multiple" Name="ExportSelectZone" Grid.Row="0" Grid.Column="0">
                      <ListBox.ItemContainerStyle>
                        <Style TargetType="{x:Type ListBoxItem}">
                          <Setter Property="IsSelected" Value="{Binding IsSelect, Mode=TwoWay}" />
                        </Style>
                      </ListBox.ItemContainerStyle>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Label Content="{Binding Path=Designation}" />
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

[tomlev]

Il n'y a pas vraiment besoin du ItemTemplate d'ailleurs, il suffit d'utiliser DisplayMemberPath="Designation"

Pour élaborer un peu sur la réponse de binoo : un ListBoxItem n'a rien à faire dans un DataTemplate. Les ListBoxItems sont automatiquement générés par la ListBox pour contenir chaque élément, donc en faisant comme tu fais, tu te retrouves avec un ListBoxItem dans un ListBoxItem...

En fait, quand tu as besoin d'appliquer une propriété ou un binding aux conteneurs des items (en l'occurrence des ListBoxItem pour une ListBox), tu le fais toujours via le ItemContainerStyle

[Arnard]

Oki, j'ai compris mon erreur, et merci pour l'éclaircissement sur le ItemContainerStyle

Ca fonctionne nickel, encore merci

[Arnard]

Retour sur le sujet.

Rappel : une listbox qui affiche des éléments, paramétrée pour une sélection multiple, l'état IsSelected de la ligne de la listBox étant bindée sur la propriété IsSelect de ma classe Selection.

2 moyens pour (dé)sélectionner : on clique sur la ligne, ou on utilise les boutons Tout/Aucun (qui, respectivement, affecte à tous les éléments de la collection àa valeur true/false sur la propriété IsSelect, et donc par binding, fait que la liste affiche les éléments comme sélectionnés ou non).

Pas de problème quand ma liste assez restreinte, mais quand je dépasse quelques dizaines d'éléments (la listbox a une height permettant l'affichage d'une dizaine d'éléments), j'ai le fonctionnel suivant :
- Tout sélectionner avec le bouton : OK
- Tout dé-sélectionner avec le bouton : les éléments visibles dans la listbox sont dé-sélectionnés, mais pas ceux en dessous/dessus. Si je scroll, les autres m'apparaissent visibles ET sélectionnés. Pas fun quoi, un bouton qui fait pas son taff.

Selection.cs

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
35
36
37
38
39
40
41
42
43
internal class Selection<T> : INotifyPropertyChanged
    {
        private Func<T, String> getDesignation;
        private bool isSelect = false;
 
        public bool IsSelect 
        { 
            get { return isSelect;  }
            set 
            {
                //if (value == isSelect)
                //    return;
 
                isSelect = value;
                ReportPropertyChanged("IsSelect"); 
            } 
        }
 
 
        public T Item { get; private set; }
 
        public String Designation
        {
            get
            {
                return getDesignation(Item);
            }
        }
 
        public Selection(T item, Func<T, String> DesignationGetter)
        {
            getDesignation = DesignationGetter;
            Item = item;
        }
 
        private void ReportPropertyChanged(String propertyName)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
 
        public event PropertyChangedEventHandler PropertyChanged;
    }

UserControl.cs

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
if (btNoZone == sender)
            {
                List<Selection<Zone>> zones = (ExportSelectZone.ItemsSource as List<Selection<Zone>>);
               zones.ForEach(z => z.IsSelect = false);
 
                ExportSelectZone.Focus();
            }
            else if (btFullZone == sender)
            {
                List<Selection<Zone>> zones = (ExportSelectZone.ItemsSource as List<Selection<Zone>>)
               zones.ForEach(z => z.IsSelect = true);
 
                ExportSelectZone.Focus();
            }

Code xml :

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

1
2
3
4
5
6
7
8
9
10
11
12
<ListBox SelectionMode="Multiple" Name="ExportSelectZone" Grid.Row="1" Grid.Column="0">
                        <ListBox.ItemContainerStyle>
                            <Style TargetType="{x:Type ListBoxItem}">
                                <Setter Property="IsSelected" Value="{Binding IsSelect, Mode=TwoWay}" />
                            </Style>
                        </ListBox.ItemContainerStyle>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Label Content="{Binding Path=Designation}" />
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

Question bonus : quand la listbox a le focus, les lignes IsSelected apparaissent avec un fond bleu, mais quand il perdent le focus, ce fond devient gris clair, assez difficile à différencier du gris très clair du fond de l'appli, je voudrais que focus ou non, ce soit toujours fond bleu, une idée ?

Merci pour votre attention !

[NejNej]

Place ça dans les ressources de ta listbox :

Code XAML :

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

1
2
 
<SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="{x:Static SystemColors.HighlightColor}"/>

[tomlev]

- Tout dé-sélectionner avec le bouton : les éléments visibles dans la listbox sont dé-sélectionnés, mais pas ceux en dessous/dessus. Si je scroll, les autres m'apparaissent visibles ET sélectionnés. Pas fun quoi, un bouton qui fait pas son taff.

Je pense que c'est à cause de la virtualisation... Par défaut la ListBox ne crée des ListBoxItem que pour les éléments qui sont visibles, et en crée de nouveaux (ou réutilise ceux qui existent, selon le mode) quand tu scrolles. Ce qui est bizarre c'est qu'il ne rafraichisse pas le binding sur les nouveaux ListBoxItems...

Essaie de désactiver la virtualisation (VirtualizingStackPanel.IsVirtualizing="False" sur la ListBox), ou de changer le mode de virtualisation (VirtualizingStackPanel.VirtualizationMode). Si c'est bien ce que je crois ça devrait régler le problème... Par contre je trouve quand même bizarre que ça marche pas avec la virtualisation, je ferai le test de mon côté ce soir

[Arnard]

1min, 2 réponses, 2 soucis en moins

@TomLev : me doutais que la virtualisation devait jouer vu que c'était que ce qui est affiché qui est traité, mais ça paraissait quand même folklo, je n'ai jamais touché à ce genre de traitements, donc qu'il le fasse tout seul comme un gros, mouarf
Si tu identifies le pourquoi du comment, je prends

Encore merci.

[tomlev]

Bon, j'ai testé, c'est effectivement assez bizarre...

Je comprends pourquoi quand tu fais "Ctrl-A" ça ne met pas à jour la propriété sur les items non visibles, puisque ceux-ci n'ont pas de ListBoxItem associé qui pourrait mettre à jour le binding. Mais le fait que ça ne marche pas dans l'autre sens, c'est plus bizarre...

En fait j'ai ajouté des traces pour voir ce qui se passait, et voilà ce que ça donne quand un élément déselectionné par le code réapparait :

1. Target updated - {Item 95, False}
2. Source updated - {Item 95, True}

Tentative d'explication :

• la ListBox stocke les index des éléments sélectionnés
• si l'élément à la position x était sélectionné, mais pas visible, et que tu l'as déselectionné par le code, au moment où il devient visible voilà ce qu'il se passe :
  
  • le binding se rafraichit, donc il relit la propriété de la source et le IsSelected du ListBoxItem passe bien à false (trace 1)
  • la ListBox sait que l'élément à cette position était sélectionné, et remet donc le IsSelected du ListBoxItem à true
  • le binding, qui est TwoWay, met à jour la source en conséquence, et passe donc à true la propriété IsSelect de ton objet Selection<T>, ce qui écrase la valeur précédente (trace 2)

Bref, c'est un bug, mais pas vraiment dans le sens où il y a une explication logique. En fait, il faudrait qu'avant de changer le IsSelected d'un ListBoxItem qui "apparait", ça vérifie si la propriété est bindée, et si oui, que ça prenne en compte la valeur de la source. Mais bon, ça m'étonnerait un peu que MS corrige ça un jour, vu que ce n'est pas un scénario très courant...

J'ai cherché des bidouilles pour régler le problème, mais j'ai rien trouvé de probant (à part bien sûr désactiver la virtualisation)

Il y a une discussion à ce sujet sur StackOverflow

[Arnard]

Merci pour l'explication, en effet ça fait un peu retors