Introduction:
In Salesforce Lightning Web Components (LWC), the deleteRecord function is a powerful tool that allows developers to delete records from an object. It provides an easy and efficient way to delete data without the need for writing complex Apex code. In this blog post, we will walk you through the complete code for using deleteRecord in LWC. Let's get started!
Step 1: Set Up the LWC Component
First, create a new Lightning Web Component by navigating to your Salesforce org's Developer Console or using a Salesforce DX project. Name your component, for example, "DeleteRecordLWC".
Step 2: HTML Markup
Open the HTML file for your component and add the necessary markup. Here's an example:
<template>
<lightning-button label="Delete Record" title="Delete Record" onclick={handleDelete}></lightning-button>
</template>
In this code, we have a lightning-button component that triggers the handleDelete function when clicked.
Step 3: JavaScript Controller
Next, open the JavaScript file for your component and add the following code:
import { LightningElement, wire, api } from 'lwc';
import { deleteRecord } from 'lightning/uiRecordApi';
export default class DeleteRecordLWC extends LightningElement {
@api recordId; // The record Id you want to delete
handleDelete() {
deleteRecord(this.recordId)
.then(() => {
// Record deleted successfully
// Perform any additional actions or show success message
})
.catch(error => {
// Handle error
// Display an error message or log the error for debugging
});
}
}
In this code, we import the deleteRecord function from the lightning/uiRecordApi module. The handleDelete function is triggered when the button is clicked, and it uses deleteRecord to delete the record specified by the recordId parameter.
Step 4: Usage in Parent Component
To use the DeleteRecordLWC component in another parent component, you need to pass the record Id to the recordId property. Here's an example:
<template>
<c-delete-record-lwc record-id="001XXXXXXXXXXXX"></c-delete-record-lwc>
</template>
In this code, we're using the c-delete-record-lwc component (replace "c" with your namespace if applicable) and passing the record Id as the record-id attribute.
Conclusion:
In this blog post, we walked through the complete code for using the deleteRecord function in Salesforce Lightning Web Components. By following these steps, you can easily incorporate record deletion functionality into your LWC components without writing complex Apex code. Experiment with this code, explore additional options provided by the deleteRecord function, and enhance your Salesforce applications with efficient record deletion capabilities.