Dependent Picklist in LWC

Today i am going to share how to create a field dependency in LWC component. We are using Custom fields on Account that are Upsell(UpsellOpportunity__c) and SLA(SLA__c). We created the field dependency on Object level using these field as shown in image below. So now we are all set to work LWC Component: Html: <template> … Continue reading Dependent Picklist in LWC

Resetting Record Edit Form In LWC

Hello Trailblazers !!!! Using Record Edit Form saves a lot of time when we know there are certain fields for insertion of Record for a object. We can also reset the form on click of button as well. <template> <lightning-record-edit-form record-id={recordId} object-api-name={objectApiName}> <lightning-input-field field-name="Name"></lightning-input-field> <lightning-input-field field-name="Industry"></lightning-input-field> <div class="slds-m-top_medium"> <lightning-button class="slds-m-top_small" label="Cancel" onclick={allowReset}></lightning-button> <lightning-button class="slds-m-top_small" type="submit" … Continue reading Resetting Record Edit Form In LWC

Create Record Through LWC

Hi Friends . This is my first post on LWC. So today we will discuss 2 different way of creating record through LWC. 1.Creating Form and Save Controller . template.html <template> <lightning-card title="Create Account" icon-name="standard:account"> <div class="slds-p-around_x-small"> <div class="slds-p-around_medium lwc-bg"> <lightning-input type="text" label="Name" value={rec.Name} onchange={handleNameChange} required></lightning-input> </div> <div class="slds-p-around_medium lwc-bg"> <template if:true={TypePicklistValues.data}> <lightning-combobox name="progress" label="Type" … Continue reading Create Record Through LWC

Setting Up VS- Code For LWC

With LWC, Coming to picture Salesforce has now officially introduced VS Code as IDE for development of Lightning Web Components. First we need to install the Visual Studio Code from the link. If you already have Visual Studio Code installed, there‚Äôs no need to reinstall it. After all installation is done . We need to … Continue reading Setting Up VS- Code For LWC