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

Post Views: 290

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

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 LWC

A small example of dispatch event where we define a custom event in child lightning web component and passing values from child component to parent component in — LWC
How to Communicate Between Parent to Child and Passing the Value from Parent Component to Child component in Lightning Web Component — LWC
Insert New Record in Custom Object and Navigate to the Record on Detail Page Using Apex class method in Lightning Web Component — LWC
How to Insert, Edit/Update record without apex class by help of the lightning data service using “lightning-record-form” in Lighting Web Component — LWC
Calling an apex method imperatively and fetching contact record from database without @wire and create lightning data-table
How to Insert New Record in Account Object and Navigate to the Record Detail Page without Apex class using Lightning Data Service in Lightning Web Component — LWC
Retrieving data from Account using @wire Decorators in Lightning web Components with apex method and lightning datatable — LWC

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>
        
    </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>

</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;
    }
    
    
}

public class myCustomSettingCtrl {

@AuraEnabled

public static List<Student_Information__c> studentInfoDetails()

{

List<Student_Information__c> studentInfoList = Student_Information__c.getAll().values();

return studentInfoList;

}

Further post that would you like to learn

Files we used in this post example

myCustomSettingApp.app [Component Application File]

myCustomSettingCmp.cmp [Lightning Component File]

myCustomSettingCmpController.js [JavaScript Controller]

myCustomSettingCmpHelper.js [JavaScript Helper File]

myCustomSettingCtrl.apxc [Apex Class Controller]

Related Topics

Leave a Comment Cancel reply

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