Treeview hierarchique complexe

Version imprimable

Bonjour à tous,

Je m'essaie à produire une Treeview à plusieurs niveaux qui aura cette forme

Code:

1
2
3
4
5
6
7
8
9
10
11
 
- Niveau 1
    - Item 1
        - Parents
            - Item 2
            - Item 3
        - Enfants
            - Item 4
    + Item 2
+ Niveau 2
+ Niveau 3

Donc j'ai une Treeview qui prend en source une collection "Niveaux", qui est de la sorte

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
public class Niveau
{
     public int Id {get; set;}
     public string Name {get; set;}
     public List<Item> Items {get; set;}
}
 
public class Item
{
     public int Id {get; set;}
     public string Name {get; set;}
     public List<Item> Parents {get; set;}
     public List<Item> Enfants {get; set;}
}

Niveaux[0].Items[0].Parents (ou Enfants).

Donc j'ai écris un ItemTemplate avec plusieurs niveau de HierarchicalDataTemplate, dont voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
            <HierarchicalDataTemplate x:Key="ParentTemplate">
                <TreeViewItem >
                    <TextBlock Text="{Binding Path=Name}" />
                </TreeViewItem>
            </HierarchicalDataTemplate>
            <HierarchicalDataTemplate x:Key="ItemsTemplate" ItemTemplate="{StaticResource ParentTemplate}" ItemsSource="{Binding Path=Parents}" >    
                <TextBlock Text="{Binding Path=Name}" />
            </HierarchicalDataTemplate>
            <HierarchicalDataTemplate x:Key="NameTemplate" ItemsSource="{Binding Path=Items}" ItemTemplate="{StaticResource ItemsTemplate}">
                <TextBlock Text="{Binding Path=Name}" />
            </HierarchicalDataTemplate>
</DockPanel.Resources>
 
        <TreeView ItemsSource="{Binding Niveaux}" ItemTemplate="{StaticResource NameTemplate}" />
    </DockPanel>

Ce que je veux c'est insérer, un bloc Parent et un bloc Enfant qui contiendront la collection Parents et la collection Enfants

Je ne sais pas si j'ai pu être claire :aie:

D'avance merci :)

Salut,

Je me demande si une structure comme celle-ci ne serait pas plus adaptée :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 public class Niveau { public int Id {get; set;} public string Name {get; set;} public List<Item> Items {get; set;} } public class Item { public int Id {get; set;} public string Name {get; set;} public List<Item> Fils {get; set;} } public class Parent : Item { } public class Enfant : Item { }
"Item 1" dans l'exemple donné aura sa propriété Fils composé d'un Parent et d'un Enfant.
Ensuite, il faut adapter les datatemplate en fonction de tes items (Parent ou Enfant).

Après est-ce que j'ai bien compris :aie:

07/01/2011, 12h50
rad_hass

Bonjour Binoo, d'abord un grand merci pour m'avoir répondu.
Au fait le problème est que je veux conserver l'affichage séparer des Parents et des Fils (d'ailleurs y aura même des différences dans le styles). Donc ma difficulté est d'avoir deux noeux (presque static) dans une structure construite dynamiquement, avec deux sources (collection Parent/Fils) distinctes.

J'espère avoir apporter plus de clarté, car j'avoue avoir eu des difficultés a exposé simplement mon problème

Encore merci à toi

Bon j'ai fais quelque chose qui donne le rendu que je veux mais pas encore satisfait pleinement de ma solution (genre on perd la sélection dans le stackpanel de ItemsTemplate), là voici :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
    <DockPanel>    
        <DockPanel.Resources> 
            <HierarchicalDataTemplate x:Key="ParentTemplate">
                    <TextBlock Text="{Binding Path=Name}" />
            </HierarchicalDataTemplate>
            <HierarchicalDataTemplate x:Key="ItemsTemplate">    
                <StackPanel>
                    <TextBlock Text="{Binding Path=Name}" />
                    <TreeViewItem ItemsSource="{Binding Path=Parents}" Header="Parent" ItemTemplate="{StaticResource ParentTemplate}" />
                    <TreeViewItem ItemsSource="{Binding Path=Enfants}" Header="Child" ItemTemplate="{StaticResource ParentTemplate}" />
                </StackPanel>
            </HierarchicalDataTemplate>
            <HierarchicalDataTemplate x:Key="NameTemplate" ItemsSource="{Binding Path=Items}" ItemTemplate="{StaticResource ItemsTemplate}">
                <TextBlock Text="{Binding Path=Name}" />
            </HierarchicalDataTemplate>
        </DockPanel.Resources>
 
        <TreeView ItemsSource="{Binding Niveaux}" ItemTemplate="{StaticResource NameTemplate}" />
    </DockPanel>

Si vous avez des idées d'améliorations