[WPF] ListBox & SelectionChanged

Version imprimable

Bonjour à tous,

j'ai un bug dans ma tête... J'ai une ListBox, une liste d'items est bindé sur la propriété ItemsSource... Jusque là aucun, soucis...

En fait, j'ai du modifier quelque chose sans m'en rendre compte. Mais l'event SelectionChanged n'est pas émis lors du chargement du contrôle / lors du binding alors qu'il me semblait pourtant qu'il l'était auparavant...

Code:

1
2
3
4
5
6
7
8
9
10
 
<UserControl.Resources>
        <Converters:BinariesToImageSourceConverter x:Key="BinariesToImageSourceConverter" />
        <Converters:AmmountToTextConverter x:Key="AmmountToTextConverter" />
        <CollectionViewSource Source="{Binding Data.Accounts}" x:Key="Data">
            <CollectionViewSource.GroupDescriptions>
                <PropertyGroupDescription PropertyName="Type" />
            </CollectionViewSource.GroupDescriptions>
        </CollectionViewSource>
    </UserControl.Resources>

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
 
<ListBox Name="List" Grid.Row="0" Grid.Column="0" ItemsSource="{Binding Source={StaticResource Data}}" Background="{x:Null}" BorderBrush="{x:Null}" Utils:CommandBehavior.Event="SelectionChanged" Utils:CommandBehavior.Command="{Binding AccountChangedCommand}" Utils:CommandBehavior.CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem}">
            <ListBox.Resources>
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Orange" />
                <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Orange" />
                <Style TargetType="ListBoxItem">
                    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                </Style>
            </ListBox.Resources>
            <ListBox.GroupStyle>
                <GroupStyle HidesIfEmpty="True">
                    <GroupStyle.ContainerStyle>
                        <Style TargetType="GroupItem">
                            <Setter Property="Template">
                                <Setter.Value>
                                    <ControlTemplate TargetType="GroupItem">
                                        <Expander IsExpanded="True" >
                                            <Expander.Header>
                                                <TextBlock Grid.Column="0" Text="{Binding Name}" Foreground="White" FontWeight="Bold" />
                                            </Expander.Header>
                                            <ItemsPresenter/>
                                        </Expander>
                                    </ControlTemplate>
                                </Setter.Value>
                            </Setter>
                        </Style>
                    </GroupStyle.ContainerStyle>
                </GroupStyle>
            </ListBox.GroupStyle>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="70" />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="20" />
                            <RowDefinition Height="20" />
                            <RowDefinition Height="30" />
                        </Grid.RowDefinitions>
                        <Image Source="{Binding Logo, Converter={StaticResource BinariesToImageSourceConverter}}" Grid.Column="0" Grid.Row="0" Grid.RowSpan="3" Margin="5" />
                        <TextBlock Text="{Binding Name}" Grid.Row="0" Grid.Column="1" VerticalAlignment="Center" FontWeight="Bold" FontSize="14" Foreground="White" />
                        <TextBlock Text="{Binding Number}" Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" Foreground="White" />
                        <TextBlock Text="{Binding Ammount, Converter={StaticResource AmmountToTextConverter}}" Grid.Row="2" Grid.Column="1" VerticalAlignment="Center" Foreground="White" FontWeight="Bold" HorizontalAlignment="Right" Margin="0,0,10,0" />
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

Quelqu'un a une idée ?

Merci d'avance.

NeoKript

30/09/2011, 14h56
Invité

Salut,

Regardes si t'as bien instancié la commande AccountChangedCommand quelque part ?
30/09/2011, 15h38
NeoKript

Salut,

j'ai peut-être mal expliqué mon problème.

En fait, je passe bien dans ma commande (point de debug) lors du clique sur un item de ma liste, mais lors du chargement du contrôle contenant la liste ou lors du databinding des items de ma liste, le premier item est bien sélectionné visuellement, mais ma commande n'est pas appelée.

Merci
30/09/2011, 15h41
Invité

Bizarre !

Le booléen permettant de savoir si la commande a le droit de s'exécuter ou pas est-il à True ?

Il y a pas de test, la commande est forcément appelée :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
#region Commands AccountChanged
        private ICommand _AccountChangedCommand = null;
        public ICommand AccountChangedCommand
        {
            get
            {
                if (this._AccountChangedCommand == null)
                    this._AccountChangedCommand = new RelayCommand(Param => this.ExecuteAccountChangedCommand((Account)Param));
                return (this._AccountChangedCommand);
            }
        }
        public void ExecuteAccountChangedCommand(Account Param)
        {
            this.Server.GetTransaction(Param.Id);
        }
 
        #endregion

30/09/2011, 15h52
Invité

Tu dis toujours que ta commande est appelée. :?

Le plus simple pour savoir si la commande est en cause ou pas est de s'abonner de façon traditionnelle directement sur SelectionChanged et fournir le nom du gestionnaire de l'évènement. Là tu pourras savoir d'où vient le problème de façon précise. :ccool:

En effet, en utilisant le code behind avec les events ça fonctionne :
Code:

1 2 3 4 private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e) { Account Acc = (Account)((ListBox)sender).SelectedItem; }
Mais du coup, je ne vois pas quel est le soucis avec ma commande.

04/10/2011, 16h58
Invité
OK :ccool:

Dans les ressources, tu modifies la source de ta CollectionViewSource par ça :
Code:

1 2 Source="{Binding Data}"
Pour ta ListBox :
Tu ajoutes :
Code:

1 2 DataContext="{Binding Source={StaticResource Data}}"
Tu modifies l'attribut ItemsSource comme suit :
Code:

1 2 ItemsSource="{Binding Accounts}"
Le reste tu laisses tel quel et ça devrait être bon ;)
04/10/2011, 17h10
Invité
Je pouvais éditer la solution précédente mais je la laisse quand même. Elle marchera sauf qu'il y a un petit truc qui risque de ne plus marcher : c'est l'ordre des Account selon le type.

Tu oublies la solution précédente et le plus simple pour toi est de changer :
Code:

1 2 Utils:CommandBehavior.Command="{Binding AccountChangedCommand}"
par
Code:

1 2 Utils:CommandBehavior.Command="{Binding Data.AccountChangedCommand}"
04/10/2011, 17h16
NeoKript

Salut et merci pour ta réponse,

avec la première solution plus rien ne s'affiche (surement du au Groupe sur le champ Type qui n'existe pas.

Et la deuxième solution on ne passe jamais dans la commande, même sur clique d'un item.

Merci
04/10/2011, 17h21
Invité

Si la deuxième solution ne marche pas cela n'est pas normal.

Où est-ce que t'as défini l'objet AccountChangedCommand ? Parce que j'ai cru initialement que la commande se trouvait défini dans l'objet Data.

Code behind du xaml contenant la liste :

Code:

1
2
3
4
5
6
7
8
 
public PageAccount()
        {
            InitializeComponent();
            this.DataContext = new ViewModelPageAccount();
        }
 
    }

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
class ViewModelPageAccount : ViewModel<Loader, Service>
    {
        public Data Data { get; set; }
 
        public ViewModelPageAccount()
        {
            this.Data = Data.Instance;
        }
 
        #region Commands AccountChanged
        private ICommand _AccountChangedCommand = null;
        public ICommand AccountChangedCommand
        {
            get
            {
                if (this._AccountChangedCommand == null)
                    this._AccountChangedCommand = new RelayCommand(Param => this.ExecuteAccountChangedCommand((Account)Param));
                return (this._AccountChangedCommand);
            }
        }
        public void ExecuteAccountChangedCommand(Account Param)
        {
            this.Server.GetTransaction(Param.Id);
        }
 
        #endregion
    }

Data :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
public class Data : DataModel<Loader, Service, Data>
    {
 
 
        #region Binding Account
        private ObservableCollection<Account> _Accounts = null;
        public ObservableCollection<Account> Accounts
        {
            get
            {
                return (this._Accounts);
            }
            set
            {
                this._Accounts = value;
                this.OnPropertyChanged(() => this.Accounts);
            }
        }
        #endregion
 
    }

04/10/2011, 17h44
Invité

En voyant ton code rien d'anormal. Tout est correct.
Qu'est-ce t'as changé dernièrement ? :P
04/10/2011, 17h49
NeoKript

Ba écoute c'est bien ça le problème, je ne crois rien avoir changé... À part avoir compiler ma dll... Je vais essayer de nettoyer la solution et de tout recompiler pour voir... Au cas où...
04/10/2011, 17h55
NeoKript

Pas mieux, je passe dans la commande uniquement lors du clique sur un item, du coup le premier item qui se selectionne au binding de la liste, aucun traitement dessus vu que la commande n'est pas appelée :s

Je désespère

Juste un truc bête :
Modifies ta commande comme suit :

Code:

1
2
3
4
5
6
7
8
9
 
private ICommand _AccountChangedCommand = null;
        public ICommand AccountChangedCommand
        {
            get
            {               
                return (this._AccountChangedCommand);
            }
        }

et dans le constructeur tu mets ça :

Code:

1
2
3
4
5
6
 
public ViewModelPageAccount()
        {
            this.Data = Data.Instance;
            this._AccountChangedCommand = new RelayCommand(Param => this.ExecuteAccountChangedCommand((Account)Param));
        }

04/10/2011, 18h03
NeoKript

Pas mieux, la commande est appelée que lors du clique.
06/10/2011, 17h23
Invité

Je ne comprends pas la logique exacte de ce que tu veux.

Si tu peux bien détailler. Quand est-ce que veux-tu déclencher ta commande ?
12/10/2011, 20h51
NeoKript

Salut,

Désolé pour le retard, j'étais à NYC.

Je vais essayer de détailler mon problème plus précisément.

Lors du DataBinding, des items sont ajoutés à ma liste, et le premier item de la liste est visuellement sélectionné.

Si je passe par les event classiques (SelectionChanged), lors du DataBinding le premier item raise l'event SelectionChanged, je passe dans mon code behind... et tout fonctionne correctement.

Maintenant, lorsque je bind ma commande sur le même event (SelectionChanged), ma commande n'est pas appelée lors du DataBinding, même si l'item est bien visuellement sélectionné. Lors du clique sur un autre items cela fonctionne bien, mais si je n'ai qu'un seul item, vu que l'item est déjà sélectionné, lors du clique il ne se re-sélectionne pas et du coup je ne peux pas faire le traitement qui devrait être fait par ma commande.

J'espère avoir été plus clair. Sinon dis le moi j'essayerai de faire mieux !

Merci pour ton aide.