Skip to main content

Latest Post

Record Types & Page Layout Strategy

  Record Types & Page Layout Strategy 💬 In plain words:   Record Types let one object act like different forms for different teams. Different picklist values, page layouts, and processes — same Account object. Use them for truly different business processes. Not for cosmetic layout changes. 📌 Example:   One Account object, two businesses: 'Retail Customer' record type shows B2C picklist values and layout. 'Enterprise Client' shows contract fields and a different sales process. Same table, two costumes. 🧠 One object, many costumes:   A Record Type is a costume on the same object — different picklists and layouts, same table underneath. Concept Record Types split one object into business variants. •   Each type can carry its own subset of picklist values, its own business process — Lead, Case and Opportunity stages — and its own page layout per profile. •   Lightning has changed the calculus. Dynamic Forms and conditional comp...

Complete Code for Using deleteRecord in LWC (Salesforce)

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.