Sometimes we can have a requirement to get field values, record Id, record type Id, child relationships information 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 field values 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 param = event.getParams(); //get event params var fields = param.response.fields; //get all field info var childRelationships = param.response.childRelationships; //get child relationship info var recordTypeInfo = param.response.recordTypeInfo; //get record type info var recordId = param.response.id; //get record id console.log('Param - ' + JSON.stringify(param)); console.log('Fields - ' + JSON.stringify(fields)); console.log('Child Relationship - ' + JSON.stringify(childRelationships)); console.log('Record Type Info - ' + JSON.stringify(recordTypeInfo)); console.log('Record Id - ' + JSON.stringify(recordId)); //get Record Edit Form Field Values console.log('FirstName - ' + fields.FirstName.value); console.log('LastName - ' + fields.LastName.value); console.log('Email - ' + fields.Email.value); console.log('Phone - ' + fields.Phone.value); console.log('Company - ' + fields.Company.value); } })