Partager via

Comment : créer une liaison de données ElementName

  • Article

Vous pouvez lier la valeur de propriété d'un élément à une propriété d'un autre élément nommé à l'aide du Concepteur WPF pour Visual Studio. Par exemple, vous pouvez lier la propriété Background d'un contrôle à la propriété Background de son élément parent.

Pour créer une liaison de données avec un élément nommé

  1. Créez un projet d'application WPF en Visual Basic ou Visual C# nommé DataBindingDemo. Pour plus d'informations, consultez Comment : créer un projet d'application WPF.

    MainWindow.xaml s'ouvre dans le Concepteur WPF. 

  2. En mode Design, cliquez avec le bouton droit sur le contrôle Grid racine et sélectionnez Propriétés dans le menu contextuel.

  3. En haut de la fenêtre Propriétés, cliquez dans la zone Nom, tapez rootGrid et appuyez sur la touche Entrée pour attribuer un nom au contrôle Grid.

  4. Dans la fenêtre Propriétés, recherchez la propriété Background.

  5. Utilisez l'éditeur Pinceau pour créer et assigner un pinceau à la propriété Background. Pour plus d'informations, consultez Comment : créer un pinceau à l'aide de l'éditeur Pinceau.

  6. À partir de la boîte à outils, faites glisser un contrôle ListBox dans le contrôle Grid.

  7. Dans la fenêtre Propriétés, pour le contrôle ListBox, recherchez la propriété Background.

  8. Cliquez sur le marqueur de propriété d'héritage (icône de l'héritage du marqueur de propriété).

  9. Cliquez sur Appliquer la liaison de données.

    Le générateur de liaison de données apparaît.

  10. Sur le volet Source, dans le panneau gauche, cliquez sur ElementName.

  11. Dans le panneau central, cliquez sur rootGrid.

    Volet source du générateur de liaison de données

  12. Cliquez sur le volet Chemin d'accès.

  13. Sur le volet Chemin d'accès dans le panneau gauche, cliquez sur la propriété Background.

    Pour le contrôle ListBox, la propriété Background est liée à la propriété Background du contrôle de grille.

    Volet Chemin du générateur de liaison de données

  14. Cliquez à l'extérieur du générateur de liaisons de données pour le fermer.

  15. Dans la vue XAML, remarquez l'extension de balisage qui a été ajoutée pour la propriété Background.

    Background="{Binding ElementName=rootGrid, Path=Background}"

Voir aussi

Référence

Binding

Concepts

Vue d'ensemble de la liaison de données

Autres ressources

Utilisation du Concepteur WPF