Récupération d'une liste de contacts

Remarque

Vous souhaitez apprendre en français ? Commencez le défi dans un Trailhead Playground en français et utilisez les traductions fournies entre crochets pour naviguer. Copiez et collez uniquement les valeurs en anglais, car les validations de défi reposent sur les données en anglais. Si vous ne réussissez pas le défi dans votre organisation en français, nous vous recommandons (1) de définir le paramètre régional sur les États-Unis, (2) de définir la langue sur l’anglais en suivant les instructions ici, puis (3) de cliquer à nouveau sur le bouton « Vérifier le défi ».

Consultez le badge Trailhead dans votre langue pour découvrir comment profiter de l’expérience Trailhead traduite.

Vidéo de démonstration Trail Together

Vous souhaitez être guidé pas à pas par un expert pendant que vous travaillez sur cette étape ? Regardez cette vidéo qui fait partie de la série Trail Together.

(Ce clip commence à 8 min 00 s, au cas où vous voudriez revenir en arrière et regarder à nouveau le début de l’étape.)

Récupération des contacts

Ajoutez maintenant un gestionnaire d'événement qui appelle une fonction JavaScript pour récupérer les données de Salesforce.

1. Dans la Developer Console, cliquez sur l'onglet MyContactList.cmp.
2. Dans le panneau des boutons à droite, cliquez sur Controller.
3. Dans le corps de la fonction JavaScript myAction, ajoutez le code suivant, en allant à la ligne :

   var action = component.get("c.getContacts");
   action.setParams({
       recordId:component.get("v.recordId")
   });
   action.setCallback(this, function(data) {
       component.set("v.Contacts", data.getReturnValue());
   });
   $A.enqueueAction(action);
   

   La fonction JavaScript appelle la méthode getContacts du contrôleur Apex que vous avez créé précédemment, en transmettant le recordId du compte actuel. Elle renseigne ensuite l’attribut nommé Contacts avec les résultats.
4. Sélectionnez File (Fichier) | Save (Enregistrer).
5. Cliquez sur l’onglet MyContactList.cmp, puis ajoutez le balisage suivant sous la dernière balise aura:attribute :

   <aura:handler name="init" value="{!this}" action="{!c.myAction}" />
   

   Un élément aura:handler écoute un événement spécifique, puis exécute la fonction identifiée par l’attribut d’action dans le fichier de contrôleur du composant. L’attribut name identifie l’événement, dans le cas présent init, qui est déclenché lors du chargement du composant sur la page.
6. Sélectionnez File | Save (Fichier | Enregistrer).