How to Insert, Edit/Update record without apex class by help of the lightning data service using “lightning-record-form” in Lighting Web Component — LWC

Hey guys, today in this post we are going to learn about How to Edit/Update record without apex class by help of the lightning data service Using “lightning-record-form” in Lighting Web Component — LWC.

Files we used in this post example:-

updateRecordLwc.html

Lightning Web Component HTML

It is Templae HTML file for used to write HTML element for user interface.

updateRecordLwc.js

Lightning Web Component JavaScript

It is importing Apex Class, Apex method, Object and fields from “@salesforce/apex/”

updateRecordLwc.js-meta.xml

XML Meta File

It is used for where this lightning web component should be exposed.

Live Demo

Other post that would you like to learn

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

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

updateRecordLwc.html [Lightning Web Component HTML]

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

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

updateRecordLwc.js [LWC JavaScript File]

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

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

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

Lightning Web Component Meta XML

Further post that would you like to learn

Categories Tags Salesforce LWC, edit record in lightning component, force:recorddata, how to load a object record without writing apex logic in lightning component, insert record lightning data service in lwc, insert update edit record in lwc, lightning data service create record, lightning data service lwc, lightning-record-edit-form lwc, lightning-record-edit-form onsubmit lwc, lightning-record-form lwcTutorial

Originally published at https://www.w3web.net on December 2, 2020.