Remplissage d’un WPF TreeView


Lors d’un remplissage des nœuds d’un arbre WPF, plusieurs manières sont possibles dont entièrement par code ou entièrement par liaisons de données (binding). Personnellement, j’aime bien la liaison des données aux composants de types « listes », sans pousser l’intégration complète en XAML.

Je vous propose de suivre trois étapes.

  1. Créer une classe de données (Data) qui dispose d’une propriété de sous-données (SubData) afin de simuler la hiérarchisation des informations. La propriété Label contient le texte à afficher dans un nœud de l’arbre et la propriété Icon fait référence à l’image placée devant ce texte.

    L’utilisation de ObservableCollection (à la place d’une liste, par exemple) permet de mettre à jour l’interface graphique lorsqu’une nouvelle donnée est ajoutée ou supprimée à la collection.

     

  2. Créer un jeu de données à afficher dans l’arbre (une racine Root et deux enfants Item 1 et Item 2).

  3. Définir le modèle XAML pour afficher les données correctement.

 

Puisque la liste de données liée à l’arbre est de type ObservableCollection, vous pouvez ajouter ou supprimer des objets Data et observer les répercussions graphiques dans l’interface.

Advertisements
Posted in Uncategorized
2 comments on “Remplissage d’un WPF TreeView
  1. toine says:

    super petit tuto, c’est juste dommage de ne pas pouvoir copier coller les sources

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: