Skip to content

Instantly share code, notes, and snippets.

@karkranikhil

karkranikhil/componentEvent.evt

Forked from pozil/componentEvent.evt
Created June 27, 2021 06:52
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save karkranikhil/e47a4713b0c3884255b23e3232ec9181 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save karkranikhil/e47a4713b0c3884255b23e3232ec9181 to your computer and use it in GitHub Desktop.
Download ZIP
Lightning - Passing data up the component hierarchy via a component event
Raw
componentEvent.evt
<aura:event type="COMPONENT">
<aura:attribute name="param" type="String"/>
</aura:event>
Raw
componentEventReceiver.cmp
<aura:component>
<aura:handler name="myComponentEvent" event="c:componentEvent" action="{!c.handleMyComponentEvent}"/>
<c:componentEventSender/>
</aura:component>
Raw
componentEventReceiverController.js
({
handleMyComponentEvent : function(component, event, helper) {
var value = event.getParam("param");
alert("Received component event with param = "+ value);
}
})
Raw
componentEventSender.cmp
<aura:component>
<aura:registerEvent name="myComponentEvent" type="c:componentEvent"/>
<lightning:button label="Fire component event" onclick="{! c.fireMyComponentEvent }" />
</aura:component>
Raw
componentEventSenderController.js
({
fireMyComponentEvent : function(component, event, helper) {
var myEvent = component.getEvent("myComponentEvent");
myEvent.setParams({"param": "It works!"});
myEvent.fire();
}
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment