-
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
10 Essential Salesforce Deployment Best Practices
Salesforce Implementation versus Salesforce Deployment To the unenlightened, it may appear like the expressions "usage" and "sending" mean something very similar, in no little part…
Salesforce in 2020 – Top 4 Trends to Watch Out For
Whether you’re an eCommerce-centric business or aim to provide SaaS to a global clientele, adequate customer relationship management (CRM) is essential for long-term success. Salesforce,…
Queueable Apex vs Batch Apex | Salesforce Developer Guide
Queueable Apex Apex processes that run for a long time, such as extensive database operations or external web service callouts, can be run asynchronously by…
Popular Salesforce Videos
Integration using Salesforce Connect
Salesforce Connect is a powerful App Cloud integration service, which enables users of Salesforce applications to seamlessly access and handle data stored in external sources,…
Building a Custom UI with Lightning Web Components | Salesforce Tutorial
Lightning Web Components is a modern JavaScript framework that leverages the web standards breakthroughs over the past few years. Watch this session to understand how…
Salesforce Validation Rules - Keep your Data Clean
Watch this short video for just over 2 minutes and learn how to keep your Salesforce data clean? The answer is simple: Use field validation…
