Example of Custom Settings to get all values from List Custom Setting Using Apex Class Method in Lightning Component Salesforce

Post Views: 1,223

Hey guys, today in this post we are going to learn about How to get all values from List Custom Setting Using Apex Class Method in Lightning Component Salesforce

Don’t forget to check out:- Search Username and Create a Custom Lightning-Pill Button With Add/Remove in Salesforce Lightning Component w3web.net Click Here For More Information

Files we used in this post example

myCustomSettingApp.app	Lightning Application	It is used for call the component to preview on browser.
myCustomSettingCmp.cmp	Lightning Component	It is used for create a table for display the Custom Setting’s Values
myCustomSettingCmpController.js	JavaScript Controller File	It is hold Javascript doInit functionality.
myCustomSettingCmpHelper.js	JavaScript Controller Helper File	It is hold for Javascript Helper Function to get Custom setting values from apex method
myCustomSettingCtrl.apxc	Apex Class Controller	It is used for get Custom setting values from Apex Class Method

Live Demo

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

Get Picklist Values Dynamically and display Picklist values & Radio Buttons value in Lightning Component Salesforce
Retrieve data of Cross-object(Lookup/Master-Detail) from child to parent for custom objects and navigate to record detail page in lightning component Salesforce
Write a Batch Apex to Update all the Industry and Type Field of Account and re-call batch class from batch Using Database.executeBatch in finish method
Writing a Custom Schedulable Batch Apex Class and Schedule job Weekly at Specific Date and Time in Salesforce
A Collection of Lightning Component Library, Developer Guide and Lightning Design System (SLDS)
How to Avoid Duplicate Name Record Simply Using a Apex Controller Method and Validating a Lightning Input Form with Email Regex Pattern Checked and Submit Form on Click Button in Salesforce Lightning
A Simple Example of Application Event Handling Between two Custom Lightning Components in Salesforce
How to Create a Customizable Tabs for Salesforce Lightning Component Page Using Component Controller JavaScript

Step 1:- Create Lightning Application : myCustomSettingApp.app

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

myCustomSettingApp.app [Component Application File]

  <aura:application extends="force:slds">
    <c:myCustomSettingCmp/>
</aura:application>

<aura:application extends="force:slds">

<c:myCustomSettingCmp/>

</aura:application>

Step 2:- Create Lightning Component : myCustomSettingCmp.cmp

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

myCustomSettingCmp.cmp [Lightning Component File]

  <aura:component controller="myCustomSettingCtrl" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>  
    <aura:attribute name="studentInfoList" type="List" />    
    <div class="slds slds-p-horizontal--medium">
        <h2></h2>
        <br/>
        <table class="slds-table slds-table--bordered slds-table--col-bordered" style="width:50%; border:1px #ddd solid;">
            <thead>
                <tr style="background-color:#ddd;">
                    <th style="background:#eee;">Student Name</th>
                    <th style="background:#eee;">Course</th>
                    <th style="background:#eee;">Course Duration</th>
                    <th style="background:#eee;">City</th>
                </tr>
            </thead>
            <tbody>
                <aura:iteration items="{!v.studentInfoList}" var="listItem"> 
                    <tr>
                        <td>{!listItem.Student_Name__c}</td>
                        <td>{!listItem.Course__c}</td>
                        <td>{!listItem.Course_Duration__c}</td>                   
                        <td>{!listItem.City__c}</td>
                    </tr>
                </aura:iteration>     
            </tbody>
        </table>
       
<br/><br/>
    <p><img src="https://www.w3web.net/wp-content/uploads/2021/05/thumbsUpLike.png" width="25" height="25" style="vertical-align:top; margin-right:10px;"/> <strong> <span style="font-size:15px; font-style:italic; display:inline-block; margin-right:5px;">Don't forget to check out:-</span> <a href="https://www.w3web.net/" target="_blank" style="text-decoration:none;" rel="noopener noreferrer">An easy way to learn step-by-step online free tutorial, To know more Click  <span style="color:#ff8000; font-size:18px;">Here..</span></a></strong></p>
 
    </div>
</aura:component>

<aura:component controller="myCustomSettingCtrl" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >

<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>

<aura:attribute name="studentInfoList" type="List" />

<br/>

<thead>

<th style="background:#eee;">Student Name</th>

<th style="background:#eee;">Course</th>

<th style="background:#eee;">Course Duration</th>

</tr>

</thead>

<tbody>

<aura:iteration items="{!v.studentInfoList}" var="listItem">

<tr>

<td>{!listItem.Student_Name__c}</td>

<td>{!listItem.Course__c}</td>

<td>{!listItem.Course_Duration__c}</td>

<td>{!listItem.City__c}</td>

</tr>

</aura:iteration>

</tbody>

</table>

<p><img src="https://www.w3web.net/wp-content/uploads/2021/05/thumbsUpLike.png" width="25" height="25" style="vertical-align:top; margin-right:10px;"/> <strong> <span style="font-size:15px; font-style:italic; display:inline-block; margin-right:5px;">Don't forget to check out:-</span> <a href="https://www.w3web.net/" target="_blank" style="text-decoration:none;" rel="noopener noreferrer">An easy way to learn step-by-step online free tutorial, To know more Click <span style="color:#ff8000; font-size:18px;">Here..</span></a></strong></p>

</div>

</aura:component>

Step 3:- Create Lightning Component : myCustomSettingCmpController.js

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

myCustomSettingCmpController.js [JavaScript Controller]

   ({
    doInit: function(component, event, helper) {
        helper.studentInfoHelper(component, event, helper);       
    },
    
})

({

doInit: function(component, event, helper) {

helper.studentInfoHelper(component, event, helper);

})

Step 4:- Create Lightning Component : myCustomSettingCmpHelper.js

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

myCustomSettingCmpHelper.js [JavaScript Helper File]

  ({
	studentInfoHelper : function(component, event, helper) {
		var action = component.get("c.studentInfoDetails");
        action.setCallback(this, function(response) {
            var state = response.getState();
            if (state === "SUCCESS") {
                var results= response.getReturnValue(); 
                //alert(JSON.stringify(results));
                component.set("v.studentInfoList", results);
            }
        });
        $A.enqueueAction(action);
	}, 
    
})

({

studentInfoHelper : function(component, event, helper) {

var action = component.get("c.studentInfoDetails");

action.setCallback(this, function(response) {

var state = response.getState();

if (state === "SUCCESS") {

var results= response.getReturnValue();

//alert(JSON.stringify(results));

component.set("v.studentInfoList", results);

}

});

$A.enqueueAction(action);

})

Step 5:- Create Apex Class : myCustomSettingCtrl.apxc

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

myCustomSettingCtrl.apxc [Apex Class Controller]

  public class myCustomSettingCtrl {
    
    @AuraEnabled
    public static List<Student_Information__c>  studentInfoDetails()
    {        
      
       List<Student_Information__c> studentInfoList = Student_Information__c.getAll().values(); 
       
       return studentInfoList;
    }
    
    
}