Lesson: 27 | Delete a Record | ToastEvent | NavigationMixin

Notes
Video

Notes

<template>
    <lightning-button variant="destructive" 
        label="Delete"
        icon-name="utility:delete"
        icon-position="right"
        onclick={deleteRecord}>
    </lightning-button>
</template>

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


export default class DeleteAccount extends NavigationMixin(LightningElement) {
    // Flexipage provides recordId and objectApiName
    @api recordId ='0038b00002in40SAAQ';
    @api objectApiName;
    
    @track error;

    deleteRecord(event) {
        deleteRecord(this.recordId)
            .then(() => {
                this.dispatchEvent(
                    new ShowToastEvent({
                        title: 'Success',
                        message: 'Record deleted',
                        variant: 'success'
                    })
                );
                // Navigate to a record home page after
                // the record is deleted, such as to the
                // contact home page
                this[NavigationMixin.Navigate]({
                    type: 'standard__objectPage',
                    attributes: {
                        objectApiName: 'Contact',
                        actionName: 'home',
                    },
                });
            })
            .catch(error => {
                this.dispatchEvent(
                    new ShowToastEvent({
                        title: 'Error deleting record',
                        message: error.body.message,
                        variant: '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: 27 | Delete a Record | ToastEvent | NavigationMixin

Notes

Lightning Web Components