TreeView, HierarchicalDataTemplate et de Données récursive

Pour mon treeview j'ai deux classes différentes qui fournissent l'ItemsSource.

public class TreeViewModel : ViewModelBase
{
    public ObservableCollection<NodeViewModel> Items { get; set; }
}

public class NodeViewModel : ViewModelBase
{
    public string Id { get; set; }
    public string Name { get; set; }
    public ObservableCollection<NodeViewModel> Children { get; set; }
}

Maintenant, je veux mon TreeView pour afficher les Éléments dans TreeViewModel et de montrer hiérarchique des données fournies par les NodeViewModel.

Voici mon code XAML

<Window x:Class="TreeViewMasterDetails.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:TreeViewMasterDetails" 
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TreeView Height="Auto" 
                  HorizontalAlignment="Stretch" 
                  Margin="10" 
                  VerticalAlignment="Stretch" 
                  Width="Auto">
            <TreeView.Resources>
                <HierarchicalDataTemplate DataType="x:Type local:TreeViewModel" ItemsSource="{Binding Items}">
                    <TextBlock Text="{Binding Path=Name}"></TextBlock>
                </HierarchicalDataTemplate>
                <HierarchicalDataTemplate DataType="x:Type local:NodeViewModel" ItemsSource="{Binding Children}">
                    <TextBlock Text="{Binding Name}"></TextBlock>
                </HierarchicalDataTemplate>
            </TreeView.Resources>
        </TreeView>
    </Grid>
</Window>

Avons essayé de fournir Items comme le ItemsSource de la TreeView.
Il n'affiche pas les données de façon hiérarchique, si l'affichage n'importe quoi.

Et j'ai essayé d'utiliser le ItemTemplate au lieu de la TreeView.Resources, trop.

Ce qui est mal à cela?

Peut-être un problème est la première TextBlock Text Binding?
Je veux afficher les Name propriété de la NodeViewModel dans Items.

Je pense que c'est un doublon de [WPF TreeView HierarchicalDataTemplate de liaison de l'objet, avec de multiples collections enfant][1]. [1]: stackoverflow.com/questions/1912481/...
Oui, j'ai déjà vu ça. Mais il ne fonctionne pas ici.
Veuillez voir ma mise à jour de question
TreeViewModel n'a pas un Nom de propriété, mais ce n'est probablement pas la question
Aucune chance pour ce faire sur Windows Phone?

OriginalL'auteur Mare Infinitus | 2013-03-06

  1. 3

    @Sa_ddam213 dit, vous avez seulement besoin de l' HierarchicalDataTemplate pour NodeViewModel, mais le seul problème avec votre code a été l'absence des accolades ({ et }) pour DataType="x:Type local:TreeViewModel" dans votre modèle de données de définitions (il doit être DataType="{x:Type local:TreeViewModel}"). Ajouter des parenthèses et ItemsSource de liaison de résoudre le problème:

    Supplémentaires HierarchicalDataTemplate pour TreeViewModel n'est pas utilisé, mais il ne fait pas de mal.

    Vous avez raison, c'est vraiment le problème. Assez étrangement, il fonctionne sans les accolades, lorsque utilisé en ItemTemplate, mais pas dans Resources.
    C'est parce que lorsque utilisé int ItemTemplate, il aid a pas besoin de regarder le DataType de la propriété. Vous êtes directement en disant à l' TreeView d'utiliser le modèle pour les éléments. Donc, pas besoin de DataType.

    OriginalL'auteur Mohammad Dehghan

  2. 22

    Vous ne devriez avoir à déclarer la HierarchicalDataTemplate pour NodeViewModel que c'est la seule chose à montrer dans la TreeView, et de lier le réel ItemSource à la TreeView

    <TreeView ItemsSource="{Binding Items}">
    <TreeView.Resources>
        <HierarchicalDataTemplate DataType="{x:Type local:NodeViewModel}" ItemsSource="{Binding Children}">
            <TextBlock Text="{Binding Name}"></TextBlock>
        </HierarchicalDataTemplate>
    </TreeView.Resources>
</TreeView>

    Exemple Complet

    Xaml:

    <Window x:Class="WpfApplication13.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication13"
        Title="MainWindow" x:Name="UI" Width="343" Height="744.625" >

    <TreeView DataContext="{Binding ElementName=UI, Path=TreeModel}" ItemsSource="{Binding Items}">
        <TreeView.Resources>
            <HierarchicalDataTemplate DataType="{x:Type local:NodeViewModel}" ItemsSource="{Binding Children}">
                <TextBlock Text="{Binding Name}"></TextBlock>
            </HierarchicalDataTemplate>
        </TreeView.Resources>
    </TreeView>

</Window>

    Code:

    public partial class MainWindow : Window
{

    public MainWindow()
    {
        InitializeComponent();
    }

    public TreeViewModel TreeModel
    {
        get
        {
            return new TreeViewModel
            {
                Items = new ObservableCollection<NodeViewModel>{
                           new NodeViewModel { Name = "Root", Children =  new ObservableCollection<NodeViewModel> {
                              new NodeViewModel { Name = "Level1" ,  Children = new ObservableCollection<NodeViewModel>{ 
                                  new NodeViewModel{ Name = "Level2"}}} } }}
            };
        }
    }
}

public class TreeViewModel
{
    public ObservableCollection<NodeViewModel> Items { get; set; }
}

public class NodeViewModel
{
    public string Id { get; set; }
    public string Name { get; set; }
    public ObservableCollection<NodeViewModel> Children { get; set; }
}

    Résultat:

    TreeView, HierarchicalDataTemplate et de Données récursive

    Oui, il fonctionne. Était sûr que j'ai essayé avant. Merci beaucoup!
    Salut, merci pour le partage, j'ai utilisé votre solution, toutefois, il ne semble pas me laisser sélectionner anyhting et aussi les flèches sur la gauche sont manquants. L'arbre semble gelé. Un seul changement que j'ai fait pour vous code, je lier mon TreeModel de ma classe ViewModel pas de MainWindow.
    A bien fonctionné pour moi. Voir aussi stackoverflow.com/questions/2251260 si vous voulez des Cases à cocher qui se propagent au lieu de TextBlocks.

    OriginalL'auteur sa_ddam213