Discussion :

[seiryujay]

Bonjour,

A chaque fois que j'ai voulu créer un TreeView à partir d'une ObservableCollection d'objets perso, je me suis créé un HierarchicalDataTemplate qui faisait en gros ceci :

Code xml :

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

1
2
3
4
 
        <HierarchicalDataTemplate x:Key="MyTemplate"
                                  DataType="{x:Type local:MyDataType}">
            <TextBlock Text={Binding Path=MyProperty} />

Mon problème est que j'aimerai avoir des TreeViewItem classiques (sans remplacer leur template par un TextBlock) car si je me crée un arbre statique de la sorte :

Code xml :

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
 
                    <TreeView VerticalAlignment="Stretch"
                              Height="200">
                        <TreeView.Items>
                            <TreeViewItem Header="111">
                                <TreeViewItem Header="111111" 
                                              Foreground="Blue"/>
                                <TreeViewItem Header="222222" />
                                <TreeViewItem Header="333333" />
                            </TreeViewItem>
                            <TreeViewItem Header="222">
                                <TreeViewItem Header="111111"
                                              IsEnabled="False" />
                                <TreeViewItem Header="222222" />
                                <TreeViewItem Header="333333"
                                              IsEnabled="False" />
                            </TreeViewItem>
                            <TreeViewItem Header="333" />
                            <TreeViewItem Header="444" />
                        </TreeView.Items>
                    </TreeView>

je peux facilement désactiver un noeud ce qui va le griser et renvoyer sur son noeud parent quand on clique dessus, changer la couleur du Header, etc.

C'est exactement ce que j'aimerai avoir comme comportement, et je n'arrive pas à le reproduire avec un TextBlock.

Quelqu'un saurait comment faire ?

Merci d'avance !

[Thomas Lebrun]

Comme ca, à froid, je te dirais: tu as essayé ca:

Code :

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

1
2
3
<HierarchicalDataTemplate x:Key="MyTemplate"
                                  DataType="{x:Type local:MyDataType}">
            <TreeviewItem Content={Binding Path=MyProperty} />

[seiryujay]

J'avais déjà essayé de faire ça :

Code xml :

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

1
2
3
4
 
<HierarchicalDataTemplate x:Key="MyTemplate"
                                  DataType="{x:Type local:MyDataType}">
            <TreeViewItem Header={Binding Path=MyProperty} />

Mais j'ai l'impression que ça me crée un TreeViewItem dans unTreeViewItem.
Du coup, y'a un décalage dans la présentation d'une 20aine de pixels en gros par rapport à un arbre créé de manière "statique" et en plus on ne peut cliquer que sur cette partie blanche de 20 pixels pour sélectionner un noeud. Le clic sur le Header ne sélectionne pas le noeud.

Du coup, je me suis dit que le HierarchicalDataTemplate créé directement un TreeViewItem auquel il applique le template défini...

J'ai aussi essayé d'utiliser directement un ContentPresenter, mais du coup il ne connaît pas la propriété Foreground...

[binoo]

Salut,

je peux facilement désactiver un noeud ce qui va le griser et renvoyer sur son noeud parent quand on clique dessus, changer la couleur du Header, etc.

Dans le style "ItemContainerStyle", tu peux binder les propriétés IsEnabled, IsSelected et autres propriétés qui t'intéresse pour obtenir le comportement qui t'intéresse. Il faut étendre ton objet MyDataType pour qu'il ait une propriété IsEnabled, IsSelected, etc et les renseigner lors des actions utilisateurs.

Tu as les triggers pour mettre les couleurs qui vont bien. Je pense que c'est possible ainsi.

[seiryujay]

J'essaie d'utiliser ItemContainerStyle, mais je n'arrive pas à faire ce que je veux.
Ce qu'il me faudrait, c'est un moyen de dire que tous les TreeViewItem fils du TreeViewItem actuel (appelé T1) sont désactivés (IsEnabled=False) dans le cas où une propriété de l'objet affiché dans T1 est à false.

Je pourrai rajouter directement un attribut IsEnabled à mes objets représentés par les TreeViewItem fils, mais j'essaie pour l'instant d'éviter cet ajout de paramètres supplémentaires.

Voici pour l'instant ce que j'ai fait :

Code xml :

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
        <!--Template destiné à représenter les noeuds de niveau 1-->
        <HierarchicalDataTemplate DataType="{x:Type rt:RemoteTerminal_C}"
                                  ItemsSource="{Binding SubAddresses}"
                                  ItemTemplate="{StaticResource SubAddressTemplate}">
            <StackPanel x:Name="panelItemDescription"
                        Orientation="Horizontal">
                <utils:AutoGreyableImage x:Name="imgStatus"
                                         Width="16"
                                         Height="16"
                                         Margin="3,0"
                                         Source="pack://application:,,,/Images/16x16/greenLed.png" />
                <Label x:Name="txtItemDescription"
                       Padding="0"
                       Height="15" />
            </StackPanel>


            <!--*****Triggers*****-->
            <HierarchicalDataTemplate.Triggers>
                <!--Triggers modifiant l'image et le label en fonction de différentes propriétés-->
            </HierarchicalDataTemplate.Triggers>



            <!--*****Style*****-->
            <HierarchicalDataTemplate.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}">
                    <Setter Property="IsEnabled"
                            Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type rt:RemoteTerminal_C}}, Path=IsChildrenEnabled, Mode=TwoWay}" />
                </Style>
            </HierarchicalDataTemplate.ItemContainerStyle>
        </HierarchicalDataTemplate>


        <!--Template destiné à représenter les noeuds de niveau 2-->
        <DataTemplate x:Key="SubAddressTemplate"
                      DataType="{x:Type rt:SubAddressForRemoteTerminal_C}">
            <StackPanel x:Name="panelItemDescription"
                        Orientation="Horizontal">
                <utils:AutoGreyableImage x:Name="imgStatus"
                                         Source="pack://application:,,,/Images/16x16/blueLed.png"
                                         Width="16"
                                         Height="16"
                                         Margin="3,0" />
                <Label x:Name="txtItemDescription"
                       Padding="0"
                       Height="15" />
            </StackPanel>


            <!--*****Triggers*****-->
            <DataTemplate.Triggers>
                <!--Triggers modifiant l'image et le label en fonction de différentes propriétés-->
            </DataTemplate.Triggers>
        </DataTemplate>

Malheureusement, mes noeuds fils ne sont jamais désactivés.
Est-ce que vous voyez ce que je fais de mal ?

[seiryujay]

En fait, si je lui mets directement ça :

Code xml :

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

1
2
3
4
5
6
7
 
            <HierarchicalDataTemplate.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}">
                    <Setter Property="IsEnabled"
                            Value="False" />
                </Style>
            </HierarchicalDataTemplate.ItemContainerStyle>

ça fonctionne.

Le problème vient donc de l'accès à mon objet de niveau 1 depuis l'ItemContainerStyle.
Est-ce au moins possible ? C'est ce que je vais essayer de découvrir...