delete row on click button in lwc -- w3web.net

How to delete selected record on click button using deleteRecord of uiRecordApi in Lightning web component -LWC

Hey guys, today in this post we are going to learn about How to delete selected record on click button using deleteRecord of uiRecordApi in Lightning web component -LWC

Files we used in this post example:-

deleteContactLwc.html Lightning Web Component HTML Template HTML file for used to write HTML element for user interface..
deleteContactLwc.js Lightning Web Component JavaScript It is holding deleteButton function that is deleting the record from database.
deleteContactLwc.js-meta.xml XML Meta File It is used for where this lightning web component you want to exposed.
deleteContactLwc.css Style CSS It is used for alignment the table and button.
lwcAppExampleApex.cls Apex Controller It is used for call apex @wire method in LWC Javascript file.

Live Demo

delete selected records on click button in lwc -- w3web.net

Other related post that would you like to learn in LWC

Step 1:- Create Lightning Web Component : deleteContactLwc.html

SFDX:Lightning Web Component >> New >> deleteContactLwc.html

deleteContactLwc.html [Lightning Web Component HTML]

Step 2:- Create Lightning Web Component : deleteContactLwc.js

SFDX:Lightning Web Component >> New >> deleteContactLwc.js

deleteContactLwc.js [LWC JavaScript File]

Step 3:- Create Lightning Web Component : deleteContactLwc.js-meta.xml

SFDX:Lightning Web Component >> New >> deleteContactLwc.js-meta.xml

deleteContactLwc.js-meta.xml [LWC Meta Data XML]

Step 4:- Create Lightning Web Component : deleteContactLwc.css

SFDX:Lightning Web Component >> New >> deleteContactLwc.css

deleteContactLwc.css [Style CSS]

Step 5:- Create Apex Controller : lwcAppExampleApex.cls

SFDX:Create Apex Class >> New >> lwcAppExampleApex.cls

lwcAppExampleApex.cls [Apex Class]

delete selected records on click button in lwc -- w3web.net

Further post that would you like to learn in LWC

1 thought on “How to delete selected record on click button using deleteRecord of uiRecordApi in Lightning web component -LWC”

Leave a Comment

Please Contribute to Support If Some Value Added in Your Project or Website