TreeViewItem : comment faire ?

Version imprimable

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:

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:

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 !

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

Code:

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

21/04/2009, 09h32
seiryujay
J'avais déjà essayé de faire ça :
Code:

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...
21/04/2009, 10h21
binoo

Salut,

Citation:

Envoyé par seiryujay

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.

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:

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 ?

En fait, si je lui mets directement ça :

Code:

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...

22/04/2009, 19h15
binoo

Je n'ai jamais joué avec l'ItemContainerStyle du HierarchicalDataTemplate. Je pensais au ItemContainerStyle du TreeView. Du coup, je ne sais pas si le comportement est le même, donc je préfère pas dire de bêtise.

Citation:

Envoyé par seiryujay

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.

Sinon, j'ai pris l'habitude d'utiliser le pattern MVVM, aussi je n'ajoute pas la propriété à mes objet directement, mais à mes objetViewModel. (C'est l'un des intérêts du pattern)
22/04/2009, 21h55
tomlev

Citation:

Code:

Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type rt:RemoteTerminal_C}}, Path=IsChildrenEnabled, Mode=TwoWay}"

L'ancêtre de ton TreeViewItem n'est pas un RemoteTerminal_C, mais un TreeViewItem dont le DataContext est un RemoteTerminal_C. Donc ton binding devrait plutôt être :

Code:

Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type TreeViewItem}}, Path=DataContext.IsChildrenEnabled, Mode=TwoWay}"

D'autre part, ça me semble bizarre de mettre le binding en TwoWay, vu que l'utilisateur ne peut pas agir sur le IsEnabled du TreeViewItem...
23/04/2009, 09h41
seiryujay

Citation:

Envoyé par tomlev

L'ancêtre de ton TreeViewItem n'est pas un RemoteTerminal_C, mais un TreeViewItem dont le DataContext est un RemoteTerminal_C. Donc ton binding devrait plutôt être :

Code:

Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type TreeViewItem}}, Path=DataContext.IsChildrenEnabled, Mode=TwoWay}"

Impeccable ! Ca marche nickel.
J'avais pas pensé au DataContext (j'ai pas trop l'habitude de l'utiliser)

Citation:

Envoyé par tomlev

D'autre part, ça me semble bizarre de mettre le binding en TwoWay, vu que l'utilisateur ne peut pas agir sur le IsEnabled du TreeViewItem...

Ca c'est une mauvaise (?) habitude que j'ai prise. :)

Merci en tout cas !