-
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
Import Data With The Info Import Wizard | Salesforce Guide
Today we are going to import data with the Import Wizard. First, you have to prepare your data to import, then you can use the…
Dreamforce 2021 - Dates, Locations & All you Need to Know
The annual Dreamforce Conference of Salesforce is hosted in San Francisco. With approximately 170,000 participants (during non-COVID times) and several days of programming, it qualifies…
Customer Portal Basics: Solving the Essential Challenges
When you start focusing on the big things it means you are running an enterprise company. You think about the number of customers you have,…
Popular Salesforce Videos
Salesforce and Slack | Meet the Slack-First Customer 360
Salesforce and Slack have joined forces to create the Slack-First Customer 360. Now it’s easier than ever to connect customers, employees, and partners with the…
Understanding Basics of CRM, Cloud Computing & Salesforce
With cloud computing, businesses access applications via the internet. It's called Software As A Service (or SaaS). Businesses are freed up from having to maintain…
TrailheaDX 2020 - How Salesforce Plans To Make Virtual TDX2020 Better
For Salesforce, taking TrailheaDX digital is about more than just keeping the event going, the company wants to make TDX a better, more inclusive, and…
