Comment faire gridview un élément enfant d'un treeview en application wpf

La bonne nouvelle, c'est que vous êtes en train de faire beaucoup plus de travail ici que vous en avez besoin, ce qui est probablement la raison pour laquelle vous avez de la difficulté.

La mauvaise nouvelle est que vous devriez vraiment étudier un peu plus à propos de WPF pour bien analyser cette et de venir avec une bonne approche c'est propre et concis. Je vais essayer et de vous diriger dans la bonne direction.

Tout d'abord, vous devez obtenir votre tête autour de ItemsControl. C'est vraiment un très puissant de la classe et de la classe de base de beaucoup de au quotidien contrôles que vous pourriez utiliser dans une application WPF. Vous devez comprendre comment la liaison de toute collecte, de toute (IEnumerable, IList, IBindingList etc) à la propriété ItemsSource de ItemsControl sera la cause de l'enfant les éléments à créer.

Vous devez alors comprendre (si vous ne l'avez pas déjà) comment les types de données sont convertis en éléments de l'INTERFACE utilisateur via DataTemplates. C'est un concept simple, mais puissant.

Alors vous devriez expérimenter avec une petite extension à la ci-dessus, à savoir HeaderedItemsControl et HierarchicalDataTemplate. Cela vous donnera tous les outils dont vous avez besoin pour utiliser le TreeView dans la façon dont vous voulez.

À aucun moment, auriez-vous besoin pour créer toute TreeViewItems dans le code C#. Si vous pouvez obtenir les données sous-jacentes des objets afin de refléter la hiérarchie que vous souhaitez afficher (indépendamment du fait que chaque nœud est une simple étiquette de texte ou une grille de données), vous pouvez alors créer hiérarchique des modèles de données pour tous les niveaux et ont WPF prendre soin de la liaison de tout et de la création de la TreeViewItems pour vous.

MODIFIER

J'ai quelques questions pour votre édité question:

1. Quelle est la différence entre Root et Nodes?
2. Avez-vous de la hiérarchie de classe qui modélise la relation entre les nœuds? Si si, il suffit de l'utiliser plutôt que de copier les objets dans les instances de Root et Nodes. Je vais vous donner un exemple.

Supposons que vous avez Customers qui place Orders, et chaque ordre a Items.

public class Customer
{
    public string Name { get; set; }
    public IEnumerable<Order> Orders { get; set; }
}

public class Order
{
    public DateTime PurchaseDate { get; set; }
    public IEnumerable<OrderItem> Items { get; set; }
}

public class OrderItem
{
    public string ProductName { get; set; }
    public int Quantity { get; set; }
    public double UnitPrice { get; set; }
    public double TotalPrice { get; set; }
}

Les types ci-dessus représentent une hiérarchie. Si vous avez une structure de ce genre, alors vous pouvez le lier directement à l'INTERFACE utilisateur. Vous n'avez pas besoin d'en créer Root ou Node objets. C'est le WPF 🙂

(Notez que si vous n'avez pas au-dessus de la hiérarchie de classe, vous pourriez en créer un spécialement pour l'utilisation dans l'INTERFACE utilisateur. Lire plus sur le modèle MVVM si vous êtes intéressé.)

Dans votre XAML, vous permettrait de définir l'Arborescence:

<TreeView x:Name="_treeView" ItemsSource="{Binding}">
  <TreeView.Resources>
    <HierarchicalDataTemplate DataType="{x:Type data:Customer}"
                              ItemsSource="{Binding Path=Orders}">
      <TextBlock Text="{Binding Name}"/>
    </HierarchicalDataTemplate>
    <DataTemplate DataType="{x:Type data:Order}">
      <StackPanel>
        <TextBlock Text="{Binding PurchaseDate}"/>
        <ListView ItemsSource="{Binding Items}">
          <ListView.View>
            <GridView>
              <GridViewColumn DisplayMemberBinding="{Binding ProductName}" />
              <GridViewColumn DisplayMemberBinding="{Binding Quantity}" />
              <GridViewColumn DisplayMemberBinding="{Binding UnitPrice}" />
              <GridViewColumn DisplayMemberBinding="{Binding TotalPrice}" />
            </GridView>
          </ListView.View>
        </ListView>
      </StackPanel>
    </DataTemplate>
  </TreeView.Resources>
</TreeView>

Et dans le code-behind, vous feriez quelque chose comme ceci:

 _treeView.DataContext = customers; //eg. IEnumerable<Customer>

OriginalL'auteur Drew Noakes