display picklist and radio values in lightning component -- w3web.net

Get Picklist Values Dynamically and display Picklist values & Radio Buttons value in Lightning Component Salesforce

Hey guys, today in this post we are going to learn about How to Get Picklist Values Dynamically and display Picklist values & Radio Buttons value in Lightning Component Salesforce.

Files we used in this post example

dropdownCmpApp.app Lightning Application It is used for call the component to preview on browser
dropdownCmp.cmp Lightning Component It is used for create a picklist and radio button on lightning component.
dropdownCmpController.js JavaScript Controller File It is hold Javascript doInit and picklist change functionality to display picklist and radio values in lightning component.
dropdownCmpHelper.js JavaScript Controller Helper File It is hold Javascript Helper Function
dropdownCmpCtrl.apxc Apex Class Controller It is used to get picklist value from sObject throgh apex method
scoreCard__c Custom Object Custom Object to use get picklist values dynamic
targetVSActuals__c Custom Fields Custom Object Picklist Values

Sales Target
Score Value
Actual Sales
Achievement %
Collections Target
Actual Collections

Live Demo

display picklist and radio values in lightning component -- w3web.net

Other related post that would you like to learn in lightning component.

Step 1:- Create Lightning Application : dropdownCmpApp.app

From Developer Console >> File >> New >> Lightning Application

dropdownCmpApp.app [Lightning Component Application]

Step 2:- Create Lightning Component : dropdownCmp.cmp

From Developer Console >> File >> New >> Lightning Component

dropdownCmp.cmp [Lightning Component]


JavaScript helper function in Salesforce by w3web.net

Step 3:- Create Lightning Component : dropdownCmpController.js

From Developer Console >> File >> New >> Lightning Component >> JavaScript Controller

dropdownCmpController.js [JavaScript Controller]

Step 4:- Create Lightning Component : dropdownCmpHelper.js

From Developer Console >> File >> New >> Lightning Component >> JavaScript Helper

dropdownCmpHelper.js [JavaScript Helper]

Step 5:- Create Apex Class : dropdownCmpCtrl.apxc

From Developer Console >> File >> New >> Apex Class

dropdownCmpCtrl.apxc [Apex Class Controller]

display picklist and radio values in lightning component -- w3web.net

Further post that would you like to learn in lightning component.

Leave a Comment

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