Salesforce Docs Portal

Which Button Was Pressed?

To find out which button was pressed in a component containing multiple buttons, use Component.getLocalId().

Let’s look at an example with multiple lightning:button components. Each button has a unique local ID, set by an aura:id attribute.

<!--c:buttonPressed-->
<aura:component>
    <aura:attribute name="whichButton" type="String" />
    
    <p>You clicked: {!v.whichButton}</p>

    <lightning:button aura:id="button1" label="Click me" onclick="{!c.nameThatButton}"/>
    <lightning:button aura:id="button2" label="Click me too" onclick="{!c.nameThatButton}"/>
</aura:component>

Use event.getSource() in the client-side controller to get the button component that was clicked. Call getLocalId() to get the aura:id of the clicked button.

/* buttonPressedController.js */
({
    nameThatButton : function(cmp, event, helper) {
        var whichOne = event.getSource().getLocalId();
        console.log(whichOne);
        cmp.set("v.whichButton", whichOne);
    }
})

In the client-side controller, you can use one of the following methods to find out which button was clicked.

  • event.getSource().getLocalId() returns the aura:id of the clicked button.
  • event.getSource().get("v.name") returns the name of the clicked button.

See Also