Free Salesforce Developers Tutorials >

Chapter -14 Lighting Component Framework >

Create a Lightning Application Part -3

Create a Lightning Application Part -3

What You’ll Learn

S2 Labs

Events in Aura

Events are used to send and receive the data from one component to another component.

The component from which we want to send the data has to fire the event by passing the required values or parameters.

The receiver component can use a <aura:handler> tag to receive that event and perform certain actions based on that.

One of type of Event is Application Event which is explained below:

Application Events

Application Events are a type of event that whenever fired, sends the data to all the components who are handling that event.

Create Events

To create an event, in the developer console, go to File > New > Lightning Event

Below is an example code of the event file

<aura:event type="APPLICATION">
    <aura:attribute name="searchKey" type ="String"/>

Note: Above is Application event, to create Component event, replace “type” attribute value in <aura:event> to “COMPONENT”.

Receiver Component

<aura:handler event="c:searchKeyChange" action="{!c.searchKeyChange}"/>

Example of Lightning Component(get record from search)

<!-- HTML File -->

<aura:component >
    <input type="text" class="form-control"  onkeyup="{!c.searchKeyChange}" placeHolder ="Search" />
//JS File

searchKeyChange : function(component, event, helper) 
     var myEvent =$A.get("e.c:searchKeyChange");


     myEvent.fire(); // firing the event
LWC Training

Download Study Material

Get access to exclusive study material for Salesforce Certification and ace your exams!

Download Now

Our Salesforce Certification Courses

Hey there! Glad you made it through our Salesforce Developer Training for beginners . But wait! We've got some high-in-demand Salesforce courses for you to take your Salesforce skills to the next level, making you a desired professional in the Salesforce job market.

Post a Comment

Your email address will not be published. Required fields are marked *