Discussion :

[dachman]

Salut à tous,

j'ai une liste qui contient 4 expanders en cascade (année, mois, semaines, jours) qui a une source bindé à une liste d'éléments. Chaque lignes de la liste est modifiable via un slider.

Lorsque je modifie une valeur d'un des éléments avec le slider, les modifications se répercutent bien sur l'interface grace à l'implémentation de INotifyPropertyChanged mais au rafraichissement de l'interface, tous les expanders se referme et je ne suis donc plus positionné sur l'élément que j'avais sélectionné avant modification. Il faut que je retourne sur la ligne manuellement en rouvrant les bons expanders.

Quelqu'un aurait-il une idée pour que je puisse conserver l'état d'ouverture de mes expander même après rafraichissement de la liste provoquée par le mécanisme de binding?

Merci.

[ikeas]

une solution que j'ai mis en oeuvre pour preserver l'etat de l'expandeur
ets de mettre une propriete par exemple isexpend sur tes objet que tu bindera avec le isexpend de ton control

[dachman]

Ha oui, c'est beau ça! ça me plait!

Je vais tester ça. Merci.

[ikeas]

voici un exemple de style que j'ai fait

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<Style x:Key="alternatingTreeViewItemStyleBase" TargetType="{x:Type TreeViewItem}" >
            <Setter Property="IsExpanded" Value="{Binding IsExpand, Mode=TwoWay}" />
            <Setter Property="Height" Value="50" />
            <Style.Triggers>
                <Trigger Property="ItemsControl.AlternationIndex" Value="1">
                    <Setter Property="Background" Value="#FFDEDEFF"/>
                    <Setter Property="Width" Value="Auto"/>
                </Trigger>
                <Trigger Property="ItemsControl.AlternationIndex" Value="0">
                    <Setter Property="Background" Value="#FFFDFFDE"/>
                    <Setter Property="Width" Value="Auto"/>
                </Trigger>
            </Style.Triggers>
        </Style>

pour un treeview mais ca peut te donner une idee

[dachman]

Ok, Thx.

[dachman]

Bon, je ne peux pas binder le IsExpanded de mon Expander avec une propriété de ma liste... j'utilise un CollectionViewSource pour regrouper les éléments par Année, mois, semaine, jour et les expander sont définis dans le template de mon GroupItem.

du coup, le seul binding que je peux faire dans l'expander, c'est:

Code :

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

1
2
 
{Binding Path=Name}

Ou Name est tantôt l'année, le mois...

Pour rappel, mon soucis est que lorsque je modifie un élément de ma liste bindé au ListView, tous les Expanders se remettent dans leur état initial (état au chargement des composants: ouvert pour l'année, fermé pour les autres)

Je souhaiterai pouvoir garder l'état d'ouverture de mes Expanders après modification d'un élémént de la liste bindé au ListView...

Concrètement, voici le code.

Le CollectionViewSource:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
        <ObjectDataProvider x:Key="dpTaskLogHistory" ObjectType="{x:Type UI:TaskView}"/>
        <CollectionViewSource x:Key="TaskLogHistorySource" Source="{Binding Mode=TwoWay, Source={StaticResource dpTaskLogHistory}, Path=taskLogHistoryDetailList}">
            <CollectionViewSource.GroupDescriptions>
                <PropertyGroupDescription PropertyName="year"/>
                <PropertyGroupDescription PropertyName="month"/>
                <PropertyGroupDescription PropertyName="week"/>
                <PropertyGroupDescription PropertyName="day"/>
            </CollectionViewSource.GroupDescriptions>
            <CollectionViewSource.SortDescriptions>
                <scm:SortDescription PropertyName="year" Direction="Descending"/>
                <scm:SortDescription PropertyName="monthNumber" Direction="Descending"/>
                <scm:SortDescription PropertyName="startDate" Direction="Ascending"/>
            </CollectionViewSource.SortDescriptions>
        </CollectionViewSource>

Le ListView groupé ayant comme contener mes expander:

Code :

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
                    <ListView x:Name="taskLogHistoryListView" ItemContainerStyle="{StaticResource logListViewStyle}" IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Source={StaticResource TaskLogHistorySource}}" LayoutUpdated="taskLogHistoryListView_LayoutUpdated">
                        <ListView.GroupStyle>
                            <!--Année-->
                            <GroupStyle>
                                <GroupStyle.ContainerStyle>
                                    <Style TargetType="{x:Type GroupItem}">
                                        <Setter Property="Margin" Value="0,0,0,5"/>
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                                    <Expander IsExpanded="True" BorderBrush="Black" BorderThickness="0,0,0,1" Background="Navy" Expanded="Expander_Expanded" Collapsed="Expander_Collapsed">
                                                        <Expander.Header>
                                                            <TextBlock Foreground="White">
                                                                <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" />
                                                            </TextBlock>
                                                        </Expander.Header>
                                                        <Expander.Content>
                                                            <Border Background="White" Margin="2" CornerRadius="3">
                                                                <ItemsPresenter />
                                                            </Border>
                                                        </Expander.Content>
                                                    </Expander>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </GroupStyle.ContainerStyle>
                            </GroupStyle>
                            <!--Mois-->
                            <GroupStyle>
                                <GroupStyle.ContainerStyle>
                                    <Style TargetType="{x:Type GroupItem}">
                                        <Setter Property="Margin" Value="3,0,0,5"/>
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                                    <Expander x:Name="monthExpander" IsExpanded="False" BorderBrush="Black" BorderThickness="0,0,0,1" Background="OrangeRed" Expanded="Expander_Expanded" Collapsed="Expander_Collapsed">
                                                        <Expander.Header>
                                                            <TextBlock Foreground="White">
                                                                <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" />
                                                            </TextBlock>
                                                        </Expander.Header>
                                                        <Expander.Content>
                                                            <Border Background="White" Margin="2" CornerRadius="3">
                                                                <ItemsPresenter />
                                                            </Border>
                                                        </Expander.Content>
                                                    </Expander>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </GroupStyle.ContainerStyle>
                            </GroupStyle>
                            <!--Semaine-->
[...]
                        </ListView.GroupStyle>
</ListView>

J'ai tenté de stocker dans une liste le Expanders qui ont été ouvert et après modification de la liste, réouverture de ces Expanders par le code, sans succès. Je peux en dire plus à ce sujet.

Je ne vois plus là.
Merci pour votre aide.

[ikeas]

tu pourrais pas me faire un tit projet d'exemple
ca serait plus simple de le corriger direct

[dachman]

Bon, je m'en suis sorti en ajoutant un IsGroupExpanded dans les éléments de ma liste bindée. Je ne pensais pas pouvoir y accéder facilement mais finalement en utilisant le Items[0] dans l'attribut Binding, c'était ok.


Donc pour mon expander de plus bas niveau j'accédais directement aux sous éléments contenu dans mon expander (avec Items)

Code :

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
 
<GroupStyle>
                                <GroupStyle.ContainerStyle>
                                    <Style TargetType="{x:Type GroupItem}">
                                        <Setter Property="Margin" Value="3,0,0,5"/>
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                                    <Expander IsExpanded="{Binding Items[0].isGroupExpanded}" BorderBrush="Black" BorderThickness="0,0,0,1" Background="Gainsboro" Expanded="Expander_Expanded" Collapsed="Expander_Collapsed">
                                                        <Expander.Header>
                                                            <TextBlock Foreground="White">
                                                                <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" />
                                                            </TextBlock>
                                                        </Expander.Header>
                                                        <Expander.Content>
                                                            <Border Background="White" Margin="2" CornerRadius="3">
                                                                <ItemsPresenter />
                                                            </Border>
                                                        </Expander.Content>
                                                    </Expander>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </GroupStyle.ContainerStyle>
                            </GroupStyle>

Et pour mes Expanders de niveau supérieur, j'ai utilisé un peu la même technique mais avec un Converter:

Code :

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
 
                            <GroupStyle>
                                <GroupStyle.ContainerStyle>
                                    <Style TargetType="{x:Type GroupItem}">
                                        <Setter Property="Margin" Value="3,0,0,5"/>
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                                    <Expander x:Name="weekExpander" IsExpanded="{Binding Mode=OneWay, Path=Items[0].Items, Converter={StaticResource taskLogIsSelectedConverter}}" BorderBrush="Black" BorderThickness="0,0,0,1" Background="Coral" Expanded="Expander_Expanded" Collapsed="Expander_Collapsed">
                                                        <Expander.Header>
                                                            <TextBlock Foreground="White">
                                                                <Run>Semaine </Run>
                                                                <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" />
                                                            </TextBlock>
                                                        </Expander.Header>
                                                        <Expander.Content>
                                                            <Border Background="White" Margin="2" CornerRadius="3">
                                                                <ItemsPresenter />
                                                            </Border>
                                                        </Expander.Content>
                                                    </Expander>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </GroupStyle.ContainerStyle>
                            </GroupStyle>

Merci pour ton aide ikeas.