Hey guys, In this post we are going to learn about that how to Wrapper class Retrieve all the Values in Salesforce lightning component.
In this example we will fetch all the values from Custom sObject by help of wrapper apex class in lightning component.
Files we used in this post example:-
| File Name | File Type | Description |
|---|---|---|
| wrapperClassCustomObjApp.app | Lightning Component Application | It is used for Call the component to preview the output on browser. |
| wrapperClassCustomObjCmp.cmp | Lightning Component Application | It is used to user interface display on the client side. |
| wrapperClassCustomObjCmpConroller.js | JavaScript Controller File | It is used for client side javascript function. |
| wrapperClassCustomObjCmpConrollerHelper.js | JavaScript Helper File | Helper called in the Javascript controller Init function. |
| wrapperCustomObjCtrCmp.apxc | Apex Class Controller | For retrieve all the record from database server |
|
Custom Object:- NewStudent__c Custom Object Fields:- Id, Name, Email__c, Address__c
|
Custom Object and their fields | Custom object like database and custom fields are column of data table. |
Other related post that would you like to learn in lightning component.
Step 1:- Create Lightning Application : wrapperClassCustomObjApp.app
From Developer Console >> File >> New >> Lightning Application
wrapperClassCustomObjApp.app [Component Application File]
|
1 2 3 |
<aura:application extends="force:slds"> <c:wrapperClassCustomObjCmp/> </aura:application> |
Step 2:- Create Lightning Component : wrapperClassCustomObjCmp.cmp
From Developer Console >> File >> New >> Lightning Component
wrapperClassCustomObjCmp.cmp [Lightning Component File]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<aura:component controller="wrapperCustomObjCtrCmp" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction,lightning:isUrlAddressable" access="global" > <aura:attribute name="wrapListItems" type="NewStudent__c[]"/> <aura:handler name="init" value="{!this}" action="{!c.doInit}"/> <aura:attribute name="recSelectId" type="String" default=""/> <div class="slds slds-p-horizontal--medium"> <table class="slds-table slds-table--bordered slds-table--col-bordered" style="border-collapse:collapse;"> <thead> <tr> <th>Student Name</th> <th>Email</th> <th>Address</th> </tr> </thead> <tbody> <aura:iteration items="{!v.wrapListItems}" var="wrapVar" indexVar="index"> <tr id="{!wrapVar.recStudentId}"> <td>{!wrapVar.studentName}</td> <td>{!wrapVar.studentEmail}</td> <td>{!wrapVar.studentAddress}</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> |
Step 3:- Create Lightning Component : wrapperClassCustomObjCmpConroller.js
From Developer Console >> File >> New >> Lightning Component >> JavaScript Controller
wrapperClassCustomObjCmpConroller.js [JavaScript Controller]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
({ doInit : function(component, event, helper) { var action = component.get("c.appCustomWrapListMthd"); action.setCallback(this, function(response){ var state = response.getState(); if(state=='SUCCESS'){ var result = response.getReturnValue(); component.set('v.wrapListItems',result); } }); $A.enqueueAction(action); }, }) |
Step 4:- Create Lightning Component : wrapperClassCustomObjCmpConrollerHelper.js
From Developer Console >> File >> New >> Lightning Component >> JavaScript Helper
wrapperClassCustomObjCmpConrollerHelper.js [JavaScript Helper File]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
({ refreshView : function(component, event, helper) { var action = component.get("c.appCustomWrapListMthd"); action.setCallback(this, function(response){ var state = response.getState(); if(state=='SUCCESS'){ var result = response.getReturnValue(); component.set('v.wrapListItems',result); } }); $A.enqueueAction(action); } }) |
Step 5:- Create Lightning Application : wrapperCustomObjCtrCmp.apxc
From Developer Console >> File >> New >> Apex Class
wrapperCustomObjCtrCmp.apxc [Apex Class Controller]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
public class wrapperCustomObjCtrCmp { public class wrapperCustomClass{ @AuraEnabled public string studentName; @AuraEnabled public string studentEmail; @AuraEnabled public string studentAddress; @AuraEnabled public Id recStudentId; public wrapperCustomClass(string studentName, string studentEmail, string studentAddress, Id recStudentId){ this.studentName = studentName; this.studentEmail = studentEmail; this.studentAddress = studentAddress; this.recStudentId = recStudentId; } } @AuraEnabled public static List<wrapperCustomClass> appCustomWrapListMthd(){ List<NewStudent__c> newStudent = new List<NewStudent__c>(); List<wrapperCustomClass> custWrapObj = new List<wrapperCustomClass>(); List<NewStudent__c> newStudentView =[Select Id, Name, Email__c, Address__c From NewStudent__c]; Set<Id> projChecklistIdSet= new Set<Id> (); for(NewStudent__c de: newStudentView) { projChecklistIdSet.add(de.Id); } for(NewStudent__c studentObj:newStudentView){ custWrapObj.add(new wrapperCustomClass(studentObj.Name,studentObj.Email__c, studentObj.Address__c,studentObj.Id)); } return custWrapObj; } } |
Further post that would you like to learn in lightning component.
Related Topics | You May Also Like
How to return data from multiple objects using wrapper class in lightning component
How to Retrieve all Information About the Current User Details Like User Id, Profile Name, UserRole Name, FirstName, LastName, Email, etc.. Using Apex Class in Lightning Component Salesforce | how to get current user id in lightning component Salesforce
How to get the RecordType Name, RecordType DeveloperName, & SobjectType from the Account Object and display the Record Type Value in a Lightning Component Using aura:iteration in Salesforce | how to iterate record type name in lightning component
Editing row, Saving row and Removing rows Dynamically in Lightning component Salesforce
Get Picklist Values Dynamically and display Picklist values & Radio Buttons value in Lightning Component Salesforce | how to get radio button and picklist value in lightning component
Upload Files in Lightning Component
How to communicate between lightning component and Visualforce page Using aura:dependency and ltng:outApp in Salesforce | how to call lightning component from visualforce page
How to validate child component from parent component on click button using aura method in lightning component | how to validate child component from parent component in lightning component Salesforce
Author of w3web.net
Hi, This is Vijay behind the admin and founder of w3web.net. I am a senior software developer and working in MNC company from more than 8 years. I am great fan of technology, configuration, customization & development. Apart of this, I love to write about Blogging in spare time, Working on Mobile & Web application development, Salesforce lightning, Salesforce LWC and Salesforce Integration development in full time.
You Can Join Stock Market Classes In IndoreBest NISM & Trading Share Market Technical Analysis
I am also proggrammer easy to understandalbe
Thanks For Sharing The Amazing content. I Will also share with my friends. Great Content thanks a lot.
Nice Content
5 Internet Approval Site (Do Follow Backlinks)
perfect post
I things and data online that you might not have heard before on the web.
Hi, I found your site by means of Google
indeed, even as searching for a comparative matter, your site arrived up, it is by all accounts incredible.
bhai aapke liye hai. lagao or jeeto.I have bookmarked it in my google bookmarks.
game is drawing and guisses based generally match-up,
anyway currentlyit’s arranged in best, and satta lord desawar is presently horribly eminent
furthermore, to a great extent participating in game across the globe people ar insane with respect to this game.
Yet, as of now the principal essential factor is that this game is satta king neglected to keep the law and
decide guideline that to keep the conventions and rule. Presently right now people need to depend on it,
on the off chance that the game doesn’t follow the conventions they need not play the games anyway people are still
partaking in the game,they play the games on the QT people have answer on it to quit participating
in this kind of games, consistently help work and worked with individuals that might want facilitated,do something for
your country do perpetually reasonable thing and be everlastingly happy.satta king
Much obliged to you for visiting Our Website sattaking,Most most likely similar to our visitor from Google search.Maybe you are
visting here to become more acquainted with about gali satta number today.to know gali disawar ka satta number please visting
your landing page of site and look down . You will see boxed sorts data which is show satta number
of particular game. There you will likewise see number of today yesterday satta number of, for example, gali disawar, new
mumbai, disawar gold and loads of game you have wagered on the game.If you play your own gali disawar satta game and
need us to put your own board on your website.Please satta king
get in touch with us on showed number which you will discover in footer part of website.Apna game dalwane k liye hamse
contact kre on google pay,phonepe, paytm jaise aap chahe pehle installment karen. aapka board moment site pr update
kr diya jayega jaisi hey aapka installment done hota haiWe greet you wholeheartedly and exceptionally pleased to have you our
website.satta kingPlease bookmark our site and stay tuned and refreshed to know.
you might have perceived the cycle to play disawar satta gali game and caught wind of fix spill jodi disawar gali from
your companions, family members. Actaully individuals favors disawar gali games as It is exceptionally well known in Indian subcontinent.
also, is considered illegal.by having appended with our site .satta kingYou
will discover magnificient content in regards to all the games.satta king We have staggering
data of satta results and gali disawar diagrams as the are open for public and refreshed.