The reason is that apex class cannot be marked as @AuraEnabled. You can only specify @AuraEnabled annotations to methods or member variables of class. So now if you have to pass inner wrapper class to lightning then you can convert wrapper variable into JSON and return as string to lightning component.
Full Answer
What is wrapper class in Salesforce Lightning web?
Wrapper Class gives extra flexibility to Salesforce developers. We all have used it in Visualforce pages, Lightning Aura Component but what about wrapper class in Lightning Web?
Does Lightning Web Component support wrapper?
Does Lightning Web Component supports wrapper? If yes, How do we call an apex method which returns a wrapper object? Answer to these questions are:- Yes, Lightning Web Component does supports Wrapper class to be used in apex methods. Let’s see an example to call an apex method which returns List of wrapper object.
How to implement getaccount and getcontact list in Lightning component?
Create an instance of wrapper class wrp and add a first account list getAccount as an input parameter. Same for second list getContact. Now we have both list getAccount and getContact list stored inside single wrapper list. Now it's time for hands-on with Lightning Component.
How many files are there in a lightning web component?
Every lightning web component will have three files by default. The below html file has for:each directive which iterates over data received from the apex class. If the wrapper list returned from the class method has some values, they will appear on the UI.
How do you access the wrapper class in lightning component?
2:0640:46Use of Wrapper class in Lightning Web Component - YouTubeYouTubeStart of suggested clipEnd of suggested clipClass so wrapper class is nothing but a container class or you can say a abstract data type whichMoreClass so wrapper class is nothing but a container class or you can say a abstract data type which can contain a different object or collection of object as its member.
Can we use wrapper class in lightning component?
Answer to these questions are:- Yes, Lightning Web Component does supports Wrapper class to be used in apex methods. Let's see an example to call an apex method which returns List of wrapper object. We will create an Apex class with Name wrapperController which has a wrapper class defined inside it.
What is wrapper class in lightning component?
A wrapper or container class is a class, a data structure, or an abstract data type which contains different objects or collection of objects as its members.
How do I use wrapper class in Salesforce?
Wrapper Class Use Case in LWCDisplay the list of Open Cases in the form of DataTable.Ensure that the user is given the ability to select multiple cases at a time.Create a “Close Selected Cases” button.The 'Close Selected Cases' button should close all the selected cases once clicked.
How do you pass wrapper class in LWC?
LWC Code to pass wrapper object as a string: In LWC we have to create JSON objects like account variable in the below code. After creating JSON object convert it into a string to pass the apex.
How do you use wrapper class in Javascript LWC?
For more details about LWC, refer to official link....Now we can add this lwc component on home page.Go to Home page.Click Setup (Gear Icon) and select Edit Page.Under Custom Components, find your wrapperClassExampleLWC component and drag it on right hand side top.Click Save and activate.
What is @AuraEnabled?
The AuraEnabled annotation enables Lightning components to access Apex methods and properties. The AuraEnabled annotation is overloaded, and is used for two separate and distinct purposes. Use @AuraEnabled on Apex class static methods to make them accessible as remote controller actions in your Lightning components.
What is a wrapper object?
A Wrapper class is a class whose object wraps or contains primitive data types. When we create an object to a wrapper class, it contains a field and in this field, we can store primitive data types. In other words, we can wrap a primitive value into a wrapper class object.
How do I use wrapper class in VF page?
Creating Wrapper Class in Salesforce Visualforce PagesTake a box-like any carton box. ... Prepare the wrapped dough of any dish you want.Cut the green leaves, tomatoes, and all that stuff you want to add.Fry the veggies and stuff.Wrap all of the above in a bubbled hot dough.Place the crispy hot wrap in the carton box.
Why do we use wrapper class in Salesforce?
A Wrapper Class is often used by Salesforce Developers for creating new objects within the purview of Apex code. It helps the users in consolidating a set of different fields (whether they belong to different objects or not) that are required the most during runtime.
What is wrapper class API?
A Wrapper Class (or the Wrapper Pattern) is where you declare a Class as a container for an sObject to extend the functionality only for display or processing purposes (i.e. you don't intend for that attribute to be persisted) - the classic example is a checkbox to select records.
Wrapper Class in LWC (Lightning Web Component)
A wrapper or container class is a class, a data structure, or an abstract data type which contains different objects or collection of objects as its members. In this post we will see how we can use wrapper class in lightning component to display data in lightning component.
Wrapper Class in LWC Example
Let’s see an example of wrapper class in LWClightning component salesforce. In this example, we will create AcoountContactWrapper and will display account and contact details and display on lightning web component.
How to pass inner wrapper class to lightning components
Creating a inner wrapper class is common practice to create new custom data type which can be used in VF page to display information. Lightning components can not access the inner class. The reason is that apex class cannot be marked as @AuraEnabled. You can only specify @AuraEnabled annotations to methods or member variables of class.
Another approach
You can create separate class as wrapper and then refer it in component controller as mentioned below: