fetch picklist field values in lightning salesforce - Salesforce Globe For You
In this example, the LeadSource picklist field values of Lead object are fetched and displayed in lwc component.
Example:
displayPicklistFieldValues.html
<template>
<lightning-card title="Display Lead Source Picklist Field Values">
<p class="slds-p-horizontal_small">
<lightning-combobox
name="Lead Source"
label="Lead Source"
value={selectedPicklistValue}
placeholder="Select Lead Source"
options={leadSourcePicklistValues}
onchange={handlePicklistChange} ></lightning-combobox>
</p>
<p>Selected Picklist Value is:{selectedPicklistValue}</p>
</lightning-card>
</template>
displayPicklistFieldValues.js
import { LightningElement,wire,api,track} from 'lwc';
import { getPicklistValues } from 'lightning/uiObjectInfoApi';
import { getObjectInfo } from 'lightning/uiObjectInfoApi';
import LEAD_OBJECT from '@salesforce/schema/Lead';
import LEADSOURCE_FIELD from '@salesforce/schema/Lead.LeadSource';
export default class DisplayPicklistFieldValues extends LightningElement {
@api leadSourcePicklistValues;
@track selectedPicklistValue;
@wire(getObjectInfo, { objectApiName:LEAD_OBJECT }) leadObjectMetaData;
@wire(getPicklistValues, { recordTypeId: '$leadObjectMetaData.data.defaultRecordTypeId', fieldApiName: LEADSOURCE_FIELD })
fetchPiclistValue({data,error}){
if(data) {
this.leadSourcePicklistValues = data.values;
}
if(error) {
console.log(error);
}
}
handlePicklistChange(evt) {
this.selectedPicklistValue = evt.detail.value;
}
}
displayPicklistFieldValues.js-meta.xml
<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
<apiVersion>51.0</apiVersion>
<isExposed>true</isExposed>
<targets>
<target>lightning__RecordPage</target>
<target>lightning__AppPage</target>
<target>lightning__HomePage</target>
</targets>
</LightningComponentBundle>
Output:
