Sometimes we can have a requirement to get record Id in onsuccess
event of lightning:recordeditform
. In below example, I’m creating “Lead” object record using lightning:recordeditform
and after successfully saving the record, getting the record Id in onsuccess
event.
Lightning Component:
<!--Sample.cmp--> <aura:component implements="flexipage:availableForAllPageTypes,force:appHostable"> <!--Component--> <div class="slds-m-around--xx-large"> <lightning:card title="Lead" iconName="standard:lead" class="slds-p-around_medium"> <lightning:recordEditForm aura:id="leadCreateForm" objectApiName="Lead" onsuccess="{!c.handleOnSuccess}"> <lightning:messages /> <div class="slds-grid"> <div class="slds-col slds-size_1-of-2 slds-p-around_medium"> <lightning:inputField fieldName="FirstName"></lightning:inputField> </div> <div class="slds-col slds-size_1-of-2 slds-p-around_medium"> <lightning:inputField fieldName="LastName"></lightning:inputField> </div> </div> <div class="slds-grid"> <div class="slds-col slds-size_1-of-2 slds-p-around_medium"> <lightning:inputField fieldName="Email"></lightning:inputField> </div> <div class="slds-col slds-size_1-of-2 slds-p-around_medium"> <lightning:inputField fieldName="Phone"></lightning:inputField> </div> </div> <div class="slds-grid"> <div class="slds-col slds-size_1-of-2 slds-p-around_medium"> <lightning:inputField fieldName="Company"></lightning:inputField> </div> </div> <lightning:button type="submit" label="Save" variant="brand"/> </lightning:recordEditForm> </lightning:card> </div> </aura:component>
Lightning JS Controller:
({ handleOnSuccess : function(component, event, helper) { var params = event.getParams(); //get event params var recordId = params.response.id; //get record id console.log('Record Id - ' + recordId); } })