Create Account Using Apex Controller in Salesforce Lightning Web Component (LWC)

Create Account Using Apex Controller in Salesforce Lightning Web Component (LWC)

accountCreationLwc.html [Lightning Web Component]

<template> <lightning-card> <h3 slot="title"> <lightning-icon icon-name="standard:account" size="small"></lightning-icon> Account Creation Using Apex Controller </h3> <p class="slds-p-horizontal_small"> <lightning-input type="text" label="Account Name" value={accountRecord.Name} onchange={handleNameChange}></lightning-input> </p> <p class="slds-p-horizontal_small"> <lightning-input type="text" label="Type" value={accountRecord.Type} onchange={handleTypeChange}></lightning-input> </p> <p class="slds-p-horizontal_small"> <lightning-input type="text" label="Phone" value={accountRecord.Phone} onchange={handlePhoneChange}></lightning-input> </p> <br/> <div slot="footer"> <lightning-button label="Create Account" onclick={handleSaveAccount} variant="brand"></lightning-button> </div> </lightning-card> </template>

accountCreationLwc.js [JavaScript File]

import { LightningElement, track } from 'lwc'; import createAccount from '@salesforce/apex/accountCreationControllerLwc.createAccount'; import ACCOUNT_NAME from '@salesforce/schema/Account.Name'; import ACCOUNT_TYPE from '@salesforce/schema/Account.Type'; import ACCOUNT_PHONE from '@salesforce/schema/Account.Phone'; import {ShowToastEvent} from 'lightning/platformShowToastEvent'; export default class AccountCreationLwc extends LightningElement { @track accountid; @track error; @track accountRecord={ Name:ACCOUNT_NAME, Type:ACCOUNT_TYPE, Phone:ACCOUNT_PHONE }; handleNameChange(event){ this.accountRecord.Name = event.target.value; //window.console.log(this.accountRecord.Name); } handleTypeChange(event){ this.accountRecord.Type = event.target.value; //window.console.log(this.accountRecord.Type); } handlePhoneChange(event){ this.accountRecord.Phone = event.target.value; //window.console.log(this.accountRecord.Phone); } handleSaveAccount(){ window.console.log('before save' + this.createAccount); createAccount({accountRecObj:this.accountRecord}) .then(result=>{ window.console.log(this.createAccount); this.accountRecord={}; this.accountid=result.Id; window.console.log('after save' + this.accountid); const toastEvent = new ShowToastEvent({ title:'Success!', message:'Account Record is created successfully', variant:'success' }); this.dispatchEvent(toastEvent); }) .catch(error=>{ this.error=error.message; window.console.log(this.error); }); } }

accountCreationLwc.js-meta.xml [MetaData File]

<?xml version="1.0" encoding="UTF-8"?> <lightningcomponentbundle xmlns="http://soap.sforce.com/2006/04/metadata"> <apiversion>45.0</apiVersion> <isexposed>true</isExposed> <targets> <target>lightning__AppPage</target> <target>lightning__RecordPage</target> <target>lightning__HomePage</target> </targets> </LightningComponentBundle>

accountCreationControllerLwc.cls [Apex Controller File]

public with sharing class accountCreationControllerLwc { @AuraEnabled public static Account createAccount(Account accountRecObj){ try { insert accountRecObj; return accountRecObj; } catch (Exception exp) { throw new AuraHandledException(exp.getMessage()); } } }

To know more live demo in LWC, Use this link..