-
How can I create an edit button in lightning component in salesforce?
How can I create an edit button in lightning component in salesforce?
-
2 Replies
-
Hello,
you can make use of force:editRecord tag to Open the page to edit the record specified by recordId.By Onclicking of button it redirect to standard Modal popup edit page in Lightning Component by using force:editRecord.
example:-
Component:-
<aura:component implements="flexipage:availableForAllPageTypes,lightning:actionOverride,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:appHostable" access="global" >
<aura:attribute name="recordId" type="String" default="0032800000dampDAAQ" />
<lightning:button label="Edit Record" onclick="{!c.edit}"/>
</aura:component>
Controller:-
({
edit : function(component, event, helper) {
var editRecordEvent = $A.get("e.force:editRecord");
editRecordEvent.setParams({
"recordId": component.get("v.recordId")
});
editRecordEvent.fire();
}
})
-
Hi,
You can take advantage of built-in events to display modals that let you create or edit records via an Aura component.
The force:createRecord and force:editRecord events display a create record page and edit record page in a modal based on the default custom layout type for that object.The following example contains a button that calls a client-side controller to display the edit record page. Add this example component to a record page to inherit the record ID via the force:hasRecordId interface.
<aura:component implements="flexipage:availableForRecordHome,force:hasRecordId" >
<aura:attribute name="recordId" type="String" />
<lightning:button label="Edit Record" onclick="{!c.edit}"/>
</aura:component><aura:component implements="flexipage:availableForRecordHome,force:hasRecordId" >
<aura:attribute name="recordId" type="String" />
<lightning:button label="Edit Record" onclick="{!c.edit}"/>
</aura:component>
Log In to reply.
Popular Salesforce Blogs
Navigation Service in LWC | All You Need to Know
The lightning/navigation service is used to navigate in Lightning Experience, Lightning Communities, and Salesforce Applications. Lightning Navigation Services Web Components are used to navigate to…
Streamlining Operations of a Leading Bike Aggregator Through Salesforce® Field Service Lightning
Client Profile The client is a leading Bike Aggregator in the US, a start-up that has recently raised multi-million-dollar investment. They have a public-private partnership…
RemedyForce Can be Your ITSM Solution: Here’s How | Salesforce Guide
IT is changing the scene in all major professional fields, and its partnership with business management is helping enterprises in scaling and managing businesses, IT…
Popular Salesforce Videos
Creation Of An App In Salesforce | Salesforce Development Tutorial
Creation of an app in Salesforce. This video will cover the following points - App Creation Get to know why an app is created. Configuration…
How Customers Embrace Salesforce - Literally!
Get ready to giggle ???? Couldn’t get enough of the famous Key and Peele’s video doing the rounds on social media? Check out our version…
Integrate Salesforce with External System using REST API
In this video, Path to Code explains the following topics: - What is API? - Introduction to REST API - Using cURL to consume Rest…
