Partager via


Ajout d'une propriété locale

Dans cette leçon, vous apprendrez comment personnaliser un écran en ajoutant une propriété locale.

Ajout d'une propriété locale

Outre utiliser le Concepteur d'écran pour personnaliser les contrôles sur un écran, vous pouvez également ajouter des éléments de données, par exemple, une propriété locale qui peut afficher une valeur calculée.

Pour ajouter une propriété locale

  1. Dans l'Explorateur de solutions, double-cliquez sur l'écran OrdersByCustomers.

  2. Dans le Ruban Barre d'outils, cliquez sur le bouton Ajouter un élément de données.

  3. Dans la boîte de dialogue Ajouter un élément de données, sélectionnez Propriété locale, puis cliquez sur OK.

    Un nouveau nœud nommé Property1 est ajouté dans le volet de gauche du Concepteur d'écran.

    Le nœud Property1 est sélectionné

  4. Sélectionnez le nœud Property1, puis dans la fenêtre Propriétés, sélectionnez la propriété Name et tapez NumberOfOrders.

    Le nom change également dans le volet de gauche du concepteur.

  5. Faites glisser le nœud NumberOfOrders juste en dessous du nœud Barre de commandes sous le nœud Disposition des lignes | Colonne des détails dans le volet central.

  6. Dans la liste déroulante du nœud Nombre de commandes , remplacez le type de contrôle par Label.

  7. Appuyez sur F5 pour exécuter l'application, et dans le menu de navigation, cliquez sur Orders By Customers pour afficher l'écran et vérifier les modifications.

    Notez qu'un champ Number of Orders est maintenant affiché en haut de la colonne de droite, et qu'aucune valeur n'est affichée.

  8. Pour fermer la fenêtre, cliquez sur le bouton Fermer dans le coin supérieur droit de la fenêtre d'application.

Pour afficher une valeur pour une propriété locale

  1. Dans le volet de gauche du Concepteur d'écran, sélectionnez le nœud Customers.

  2. Sur le Ruban Barre d'outils, dans la liste Écrire le code, cliquez sur Customers_SelectionChanged.

    L'Éditeur de code s'ouvre et affiche la méthode Customers_SelectionChanged.

  3. Dans la méthode Customers_SelectionChanged, ajoutez le code suivant.

    NumberOfOrders = Orders.Count.ToString
    
    NumberOfOrders = Orders.Count.ToString();
    

    Lorsqu'un client est sélectionné, ce code calcule le nombre de commandes de ce client.La valeur s'affiche ensuite dans le champ Number of Orders.

  4. Appuyez sur F5 pour exécuter l'application, et dans le menu de navigation, cliquez sur Orders By Customers pour afficher l'écran et vérifier les modifications.

    Notez que lorsque vous sélectionnez un client, le nombre de commandes pour ce client est affiché dans le champ Number of Orders.

  5. Pour fermer la fenêtre, cliquez sur le bouton Fermer dans le coin supérieur droit de la fenêtre d'application.

Présentation détaillée

Cette leçon a indiqué comment créer une propriété locale pour afficher une valeur calculée dans un écran.Dans ce cas, vous avez utilisé la méthode SelectionChanged de la collection de clients pour retourner le Count de commandes chaque fois qu'un client est sélectionné.Vous avez peut-être noté que le code utilise la méthode ToString pour convertir le Count en String.Cela est obligatoire, car la propriété locale a été définie comme un String dans la boîte de dialogue Ajouter un élément de données.Si vous aviez sélectionné à la place Integer comme type, la conversion ne serait pas obligatoire.

Outre utiliser une propriété locale pour afficher une valeur calculée, vous pouvez également utiliser une propriété locale pour collecter une valeur d'entrée de l'utilisateur.Par exemple, vous pouvez créer une propriété locale qui affiche une liste de villes lorsqu'un utilisateur spécifie une région géographique.

Étapes suivantes

Dans la leçon suivante, vous apprendrez comment modifier la disposition et l'apparence de l'application en cours d'exécution.

Prochaine leçon : Personnalisation de l'application en cours d'exécution

Voir aussi

Tâches

Comment : ajouter une propriété locale à un écran Silverlight

Comment : créer un écran Silverlight

Procédure pas à pas : conception d'un écran

Autres ressources

Écrans : l'interface utilisateur de votre application