Création d'un écran pour afficher des données

Article
03/04/2013

Cette leçon indique comment créer un écran, qui est l'élément de l'interface utilisateur de base pour une application LightSwitch.Les écrans sont les parties de votre application auxquelles les utilisateurs accèdent pour interagir avec les données.Certains écrans permettent uniquement d'afficher des données, mais d'autres permettent d'ajouter, de modifier et de supprimer des données.

Créer un écran

Les écrans dans LightSwitch diffèrent des formulaires dans les outils de développement traditionnels, car la disposition des écrans est prédéfinie.Vous pouvez obtenir un écran fonctionnel sans modifications ou code.Toutefois, si vous voulez personnaliser ou améliorer un écran, il existe de nombreuses méthodes pour le faire.

[!REMARQUE]

Cette leçon repose sur le projet MyFirstApplication développé dans les leçons Utilisation de données dans LightSwitch (visite guidée).Si vous disposez déjà du projet, ouvrez-le maintenant ; sinon, terminez les leçons Utilisation des données dans LightSwitch, puis revenez à cette leçon.

Pour créer un écran

Dans l' Explorateur de solutions, sélectionnez le nœud Écrans.
Dans le menu Projet, cliquez sur Ajouter un écran.
Dans la boîte de dialogue Ajouter un nouvel écran, dans la liste Sélectionnez un modèle d'écran, cliquez sur Écran de liste et détails.
Dans le champ Nom de l'écran, tapez OrdersByCustomer.
Dans le champ Screen Data , sélectionnez NorthwindEntitiesData.Customers.
Dans la liste Données supplémentaires à inclure, sélectionnez Customer_Details et Customer Orders, puis cliquez sur OK.

Le Concepteur d'écran s'ouvre et affiche une représentation hiérarchique des contrôles et des commandes de l'écran.

Présentation détaillée

Cette leçon a montré comment créer un écran de liste et détails qui affiche une liste de clients et une liste de commandes pour chaque client.Vous avez peut-être noté dans la boîte de dialogue Ajouter un nouvel écran que d'autres modèles d'écran étaient disponibles.Outre les modèles inclus dans LightSwitch, d'autres modèles sont disponibles en tant qu'extensions.Une leçon ultérieure vous expliquera plus en détails les extensions.

À première vue, le Concepteur d'écran peut prêter à confusion, car il utilise une hiérarchie au lieu d'un paradigme WYSIWYG (« tel écrit, tel écran ») pour représenter une disposition.Toutefois, le modèle de hiérarchie rend la conception d'écran dans LightSwitch plus rapide et plus flexible.