Retrieve a Contact List

Retrieve the Contacts

Now add an event handler that calls a JavaScript function to retrieve data from Salesforce.

  1. In the Developer Console, click the MyContactList.cmp tab.
  2. In the button panel on the right, click Controller.
  3. In the body of the myAction JavaScript function, add the following code, beginning on a new line:

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

    The JavaScript function calls the getContacts method of the Apex controller that you created earlier, passing the recordId of the current Account. It then populates the attribute named Contacts with the results.

  4. Select File | Save.

  5. Click the MyContactList.cmp tab and add the following markup below the last aura:attribute tag:

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

    An aura:handler listens for a specific event and then executes the function identified by the action attribute in the component's controller file. The name attribute identifies the event, in this case init which is the event that fires as the component is loaded onto the page.

  6. Select File | Save.

Keep learning for
Sign up for an account to continue.
What’s in it for you?
  • Get personalized recommendations for your career goals
  • Practice your skills with hands-on challenges and quizzes
  • Track and share your progress with employers
  • Connect to mentorship and career opportunities