-
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
Types of Salesforce Support (Customer Success) Plans You’ll See out in the Wild
Customer success is when the customers can achieve their desired business outcomes by leveraging the Salesforce platform. Providing a suitable customer success plan means providing…
Salesforce Pardot Features to Enhance Marketing ROI
Pardot – the smarter Marketing automation by the world’s #1 CRM platform can help you get an average of 40% increase in your marketing efficiency.…
Salesforce App Development: Best Practices
One of the great things about Salesforce is its infinite customization options. Not only can you tailor it to suit your unique business needs but…
Popular Salesforce Videos
How Salesforce Industries can Help Organizations to Save Millions?
Salesforce Industries i.e Vlocity empowers businesses with powerful platforms to boost collaboration and makes it easy to deliver great customer experiences. It provides tailored solutions…
Introduction To Salesforce Integration
This video is about a basic intro to Salesforce Integration What is integration? Types Of integration Benefits of Salesforce integration Best Practices for successful integration…
Apex Performance Tips and Tricks | Salesforce Video Guide
Watch this video to learn all about Apex Performance: • What do we mean by performance? • How do we measure performance? • Loop Performance…
