What is the event in salesforce?

There are two type of event in lightning salesforce.

1. Component Event
2. Application Event

Events are fired from JavaScript controller action. It is fire automatic when a button on click.
there are two type of attribute apply on the event.

1) Register event: - where we click on the button, we need to add a register event

2) Handler event: - where we set the value, we need to add the handler event

Component event:- it is bounding to child component to parent component only. we can get and set the attribute value from child component to parent parent component.

Applicaiton Event:- it is not bounding child to parent, it will work all over the org. We can get and set the attribute value in all over the org.

Create Lightning Event:-

repCheckboxEvent.evt

<?xml version="1.0" encoding="UTF-8"?> <aura:event type="Application" description="Event template" access="global"> <aura:attribute name="selfCheckValue" type="Boolean" default="false"/> </aura:event>

repCheckbox.cmp

<?xml version="1.0" encoding="UTF-8"?> <aura:component > <aura:registerEvent name="repCheck" type="c:repCheckboxEvent"/> <button class="slds-button slds-button--brand" onclick="{!c.checkVal}">checkValue</button> <br/><br/> <c:eventHandler5Cmp/> </aura:component>

repCheckboxController.js

<?xml version="1.0" encoding="UTF-8"?> ({ checkVal : function(component, event, helper) { var repCheck = $A.get("e.c:repCheckboxEvent"); // component.set('v.selfChildDeals',repCheck ); //alert('fire'+component.get("v.selfChildDeals.Self_Representation__c")); repCheck.setParams({ "selfCheckValue":true }); repCheck.fire(); } })

childCom.cmp

<?xml version="1.0" encoding="UTF-8"?> <aura:component> <aura:handler event="c:repCheckboxEvent" action="{!c.repCheckEnable}"/> <aura:attribute name="selfChildDeal" type="Boolean"/> <div class="slds-form-element__control"> <label class="slds-checkbox"> <ui:inputCheckbox aura:id="repCheckId" value="{!v.selfChildDeal}" /> <span class="slds-checkbox--faux"></span> <span class="slds-form-element__label slds-m-left--x-small" style="font-size: 0.75rem;">Self Representative</span> </label> </div> <br/><br/> </aura:component>

childComJs.js

<?xml version="1.0" encoding="UTF-8"?> ({ repCheckEnable : function(component, event, helper) { var selfCheckValue = event.getParam("selfCheckValue"); component.set("v.selfChildDeal", selfCheckValue); //alert('selfCheckValue ' + selfCheckValue); } })

To know more live demo source code in Salesforce lightning, Trigger, Visualforce & LWC, Use this link..