Comment : lier des contrôles WPF à des données dans Visual Studio

Article
06/10/2015

Vous pouvez créer des contrôles WPF liés aux données à l'aide de la fenêtre Sources de données. Pour commencer, ajoutez une source de données à la fenêtre Sources de données. Ensuite, faites glisser des éléments depuis la fenêtre Sources de données vers le Concepteur WPF.

Ajout d'une source de données à la fenêtre Sources de données

Avant de pouvoir créer des contrôles liés aux données, vous devez d'abord ajouter une source de données à la fenêtre Sources de données.

Pour ajouter une source de données à la fenêtre Sources de données

Dans le menu Affichage, choisissez Autres fenêtres, puis cliquez sur Sources de données.
Cliquez sur Ajouter une nouvelle source de données et suivez les étapes de l'Assistant Configuration de source de données.
Effectuez l'une des tâches suivantes pour créer des contrôles liés aux données :
- Création d'un contrôle lié à un seul champ de données.
- Création d'un contrôle lié à plusieurs champs de données.
- Création d'un ensemble de contrôles liés à plusieurs champs de données.
- Liaison de données à des contrôles existants dans le concepteur.

Création d'un contrôle lié à un seul champ de données

Après avoir ajouté une source de données à la fenêtre Sources de données, vous pouvez créer un contrôle lié aux données affichant un seul champ de données, tel que ComboBox ou TextBox.

Pour créer un contrôle lié à un seul champ de données

Dans la fenêtre Sources de données, développez un élément représentant une table ou un objet. Recherchez l'élément enfant représentant la colonne ou la propriété que vous voulez lier. Pour obtenir un exemple visuel, consultez Sources de données (fenêtre).
Sélectionnez éventuellement le contrôle à créer. Chaque élément de la fenêtre Sources de données possède un contrôle par défaut créé quand vous faites glisser l'élément dans le concepteur. Le contrôle par défaut dépend du type de données sous-jacent de l'élément.

Pour choisir un autre contrôle, cliquez sur la flèche déroulante à côté de l'élément et sélectionnez un contrôle. Pour plus d'informations, consultez Comment : définir le contrôle à créer lors d'une opération de glisser-déplacer à partir de la fenêtre Sources de données.
Faites glisser l'élément vers un conteneur valide du concepteur, comme Grid. Pour plus d'informations sur les conteneurs valides, consultez Liaison de contrôles WPF avec des données dans Visual Studio.

Visual Studio crée le contrôle lié aux données et un Label avec un titre approprié dans le conteneur. Visual Studio génère également XAML et le code pour lier le contrôle aux données. Pour plus d'informations, consultez Liaison de contrôles WPF avec des données dans Visual Studio.

Création d'un contrôle lié à plusieurs champs de données

Après avoir ajouté une source de données à la fenêtre Sources de données, vous pouvez créer un contrôle lié aux données affichant plusieurs champs de données, tel que DataGrid ou ListView.

Pour créer un contrôle lié à plusieurs champs de données

Dans la fenêtre Sources de données, sélectionnez un élément qui représente une table ou un objet. Pour obtenir un exemple visuel, consultez Sources de données (fenêtre).
Sélectionnez éventuellement le contrôle à créer. Par défaut, chaque élément de la fenêtre Sources de données représentant une table de données ou un objet est défini de sorte à créer un DataGrid (si votre projet cible .NET Framework 4) ou ListView (pour les versions antérieures de .NET Framework).

Pour choisir un autre contrôle, cliquez sur la flèche déroulante à côté de l'élément et sélectionnez un contrôle. Pour plus d'informations, consultez Comment : définir le contrôle à créer lors d'une opération de glisser-déplacer à partir de la fenêtre Sources de données.

Notes

Si vous ne voulez pas afficher une colonne ou propriété particulière, développez l'élément pour afficher ses enfants.Cliquez sur la flèche déroulante à côté de la colonne ou propriété à masquer, puis cliquez sur Aucun.
Faites glisser l'élément vers un conteneur valide du concepteur, comme Grid. Pour plus d'informations sur les conteneurs valides, consultez Liaison de contrôles WPF avec des données dans Visual Studio.

Visual Studio crée le contrôle lié aux données dans le conteneur. Visual Studio génère également XAML et le code pour lier le contrôle aux données. Pour plus d'informations, consultez Liaison de contrôles WPF avec des données dans Visual Studio.

Création d'un ensemble de contrôles liés à plusieurs champs de données

Après avoir ajouté une source de données à la fenêtre Sources de données, vous pouvez lier une table de données ou un objet à un ensemble de contrôles. Un autre contrôle est créé pour chaque colonne ou propriété dans la table ou l'objet.

Pour créer un ensemble de contrôles liés à plusieurs champs de données

Dans la fenêtre Sources de données, sélectionnez un élément qui représente une table ou un objet. Pour obtenir un exemple visuel, consultez Sources de données (fenêtre).
Cliquez sur la flèche déroulante à côté de l'élément et sélectionnez Détails.

Notes

Si vous ne voulez pas afficher une colonne ou propriété particulière, développez l'élément pour afficher ses enfants.Cliquez sur la flèche déroulante à côté de la colonne ou propriété à masquer, puis cliquez sur Aucun.
Faites glisser l'élément vers un conteneur valide du concepteur, comme Grid. Pour plus d'informations sur les conteneurs valides, consultez Liaison de contrôles WPF avec des données dans Visual Studio.

Visual Studio crée les contrôles liés aux données dans le conteneur. Chaque contrôle est lié à une colonne ou propriété différente, et chaque contrôle est accompagné d'un contrôle Label avec un titre approprié. Visual Studio génère aussi XAML et le code pour lier les contrôles aux données. Pour plus d'informations, consultez Liaison de contrôles WPF avec des données dans Visual Studio.

Liaison de données à des contrôles existants dans le concepteur

Après avoir ajouté une source de données à la fenêtre Sources de données, vous pouvez ajouter une liaison de données à un contrôle existant dans le concepteur.

Pour lier des données à un contrôle existant dans le concepteur

Dans la fenêtre Sources de données, utilisez l'une des procédures suivantes :
- Pour ajouter une liaison de données à un contrôle existant affichant plusieurs champs de données, tel que DataGrid ou ListView, sélectionnez l'élément représentant la table ou l'objet que vous voulez lier au contrôle.
- Pour ajouter une liaison de données à un contrôle existant affichant un seul champ de données, tel que ComboBox ou TextBox, développez l'élément représentant la table ou l'objet qui contient les données, puis sélectionnez l'élément représentant les données à lier au contrôle.
Faites glisser l'élément sélectionné depuis la fenêtre Sources de données vers un contrôle existant dans le concepteur. Le contrôle doit être une cible de déplacement valide. Pour plus d'informations, consultez Liaison de contrôles WPF avec des données dans Visual Studio.

Visual Studio génère XAML et le code pour lier le contrôle aux données. Pour plus d'informations, consultez Liaison de contrôles WPF avec des données dans Visual Studio.

Notes

Si le contrôle est déjà lié aux données, la liaison de données pour le contrôle est redéfinie sur l'élément qui a été le plus récemment déplacé vers le contrôle.