Lesson: 26 | Delete a Record | Navigate to Table

NavigationMixin is a built-in LWC mixin provided by the Salesforce platform. It provides a set of methods that allow LWC components to navigate to different pages and states within the Salesforce Lightning Experience and Salesforce mobile app.

Some of the common use cases of NavigationMixin include:

Navigating to a record page
Navigating to a custom Lightning component or Aura component
Opening a modal dialog
Navigating to a URL outside of the Salesforce domain

HTML

<template>
    <lightning-button label="Delete Record" onclick={deleteRecord}></lightning-button>
</template>

Java Script

import { LightningElement, api, track } from 'lwc';
import { deleteRecord } from 'lightning/uiRecordApi';
import { NavigationMixin } from 'lightning/navigation';

export default class DeleteAccount extends NavigationMixin(LightningElement) {

    @api recordId ='0038b00002in40SAAQ';
    @api objectApiName;

    deleteRecord() {
        deleteRecord(this.recordId)
            .then(() => {
                // Record is deleted successfully
                console.log('Record is deleted successfully');
                // Navigate to account table
                this[NavigationMixin.Navigate]({
                    type: 'standard__objectPage',
                    attributes: {
                        objectApiName: 'Account',
                        actionName: 'list'
                    },
                });
            })
            .catch(error => {
                // Handle error while deleting the record
                console.error(error);
            });
    }
}

Prev You need to login to have access to the quizzes. Next

Mastered by 12 users.

Lightning Web Components

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (41 lessons)

D. Java Script Methods for LWC (23 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)

Go to top

Login to your account

Lesson: 26 | Delete a Record | Navigate to Table

HTML

Lightning Web Components