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

Article
08/10/2011

Vous pouvez facilement créer des contrôles WPF liés aux données en utilisant la fenêtre Sources de données. Ajoutez tout d'abord une source de données à la fenêtre Sources de données. Faites ensuite glisser les éléments de 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 ajouter en premier 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 Données, cliquez sur Afficher les sources de données pour ouvrir la fenêtre Sources de données.
Cliquez sur Ajouter une nouvelle source de données puis exécutez l'Assistant Configuration de source de données.
Exécutez 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 champ unique de données.
- Création d'un contrôle lié à plusieurs champs de données.
- Création d'un jeu de contrôles liés à plusieurs champs de données.
- Liaison de données aux contrôles existants dans le concepteur.

Création d'un contrôle lié à un champ unique 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 qui affiche un champ unique de données, tel qu'une ComboBox ou une TextBox.

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

Dans la fenêtre Sources de données, développez un élément qui représente une table ou un objet. Trouvez l'élément enfant qui représente la colonne ou la propriété souhaitée pour la liaison. Pour un exemple visuel, consultez Sources de données (fenêtre).
Vous pouvez également sélectionner le contrôle à créer. Chaque élément dans la fenêtre Sources de données possède un contrôle par défaut qui est créé lorsque vous faites glisser l'élément vers 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 de déroulement en regard 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 dans un conteneur valide dans le concepteur, tel que 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 nouveau contrôle lié aux données et un Label correctement intitulé dans le conteneur. Visual Studio génère également XAML ainsi que du 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 qui affiche plusieurs champs de données, tel qu'une DataGrid ou un 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 un exemple visuel, consultez Sources de données (fenêtre).
Vous pouvez également sélectionner 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 configuré pour créer une DataGrid (si votre projet cible .NET Framework 4) ou un ListView (pour les versions antérieures du .NET Framework).

Pour sélectionner un autre contrôle, cliquez sur la flèche de déroulement en regard 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 souhaitez pas afficher une colonne ou une propriété spécifique, développez l'élément pour afficher ses enfants. Cliquez sur la flèche de déroulement en regard de la colonne ou de la propriété que vous ne souhaitez pas afficher, puis sur Aucune.
Faites glisser l'élément dans un conteneur valide dans le concepteur, tel que 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 du code XAML et du 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 jeu 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 jeu de contrôles. Un contrôle différent est créé pour chaque colonne ou propriété dans la table ou l'objet.

Pour créer un jeu 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 un exemple visuel, consultez Sources de données (fenêtre).
Cliquez sur la flèche de déroulement située à côté de l'élément et sélectionnez Détails.

Notes

Si vous ne souhaitez pas afficher une colonne ou une propriété spécifique, développez l'élément pour afficher ses enfants. Cliquez sur la flèche de déroulement en regard de la colonne ou de la propriété que vous ne souhaitez pas afficher, puis sur Aucune.
Faites glisser l'élément dans un conteneur valide dans le concepteur, tel que 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é par un contrôle Label correctement intitulé. Visual Studio génère également du code XAML et du 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 aux 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 qui affiche plusieurs champs de données, tel qu'une DataGrid ou un ListView, sélectionnez l'élément qui représente la table ou l'objet que vous souhaitez lier au contrôle.
- Pour ajouter une liaison de données à un contrôle existant qui affiche un champ unique de données, tel qu'une ComboBox ou une TextBox, développez l'élément qui représente la table ou l'objet contenant les données, puis sélectionnez l'élément représentant les données que vous souhaitez lier au contrôle.
Faites glisser l'élément sélectionné depuis la fenêtre Sources de données jusqu'à 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 du code XAML et du 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 réinitialisée au dernier élément déplacé sur celui-ci.