[SalesForce] How to pass array to apex method in LWC

I am creating custom functionality of Adding opportunityLineItem in LWC. Once I input details and click 'Save' I am not able to pass string value or object value to Apex method. Throwing error. ({"status":500,"body":{"message":"Unable to read SObject's field value[s]"})

Selected records:

showContacts() {
    this.bShowModal = true;

    this.selectedCons = [];

    let selectedRows = this.template.querySelectorAll('lightning-input'); 

    // based on selected row getting values of the contact
    for(let i = 0; i < selectedRows.length; i++) {

        if(selectedRows[i].checked && selectedRows[i].type === 'checkbox') { 
            this.selectedCons.push({
                Name: selectedRows[i].value,
                Id: selectedRows[i].dataset.id, 
                Product2Id : selectedRows[i].value,
                UnitPrice : selectedRows[i].value,
                SalesPrice : '',
                OpportunityId : '0062v00001EnkGAAAZ',
                PricebookEntryId : selectedRows[i].dataset.id,
                Quantity :0
            })
        }
    }

'selectedCons' is an array that keeps the selected values. Once I input the value and Click Save. Save Method below

saveMultipleOli() {

    console.log("selectedCons list---"+JSON.stringify(this.selectedCons));
    console.log("selectedCons list2---"+this.selectedCons);
    createOliRecord({ oliList : this.selectedCons})
        .then(result => {
            this.message = result;
            this.error = undefined;       
            this.selectedCons.forEach(function(item){                   
                item.PricebookEntryId=''; 
                item.Quantity='';
                item.UnitPrice = '';  
                item.OpportunityId =''  
            });

            //this.accountRecList = [];
            if(this.message !== undefined) {
                this.dispatchEvent(
                    new ShowToastEvent({
                        title: 'Success',
                        message: 'Accounts Created!',
                        variant: 'success',
                    }),
                );
            }

            console.log(JSON.stringify(result));
            console.log("result", this.message);
        })
        .catch(error => {
            this.message = undefined;
            this.error = error;
            this.dispatchEvent(
                new ShowToastEvent({
                    title: 'Error creating records',
                    message: error.body.message,
                    variant: 'error',
                }),
            );
            console.log("error", JSON.stringify(this.error));
        });
}

Apex Method:

 @AuraEnabled
public static List<OpportunityLineItem> createOliRecord(List<OpportunityLineItem> oliList){

    system.debug('***'+oliList);

    return oliList;
}

Not able to pass the selected value to my Apex method. Please help!

Best Answer

You'll typically have to serialize any data you're bringing back from the server. Try changing your return type to a String and returning the serialized array to the client. Then JSON.parse() the returned string into an array in the client js.

UPDATE:

I misunderstood that the flow of your code is going from client to server. I believe adding an sObjectType property to the javascript object will resolve the issue, per @nbrown's suggestion.

Related Solutions

[SalesForce] inputField required is not working LWC

You need to understand the required attribute of the lightning-input-field component.

To make an input field required on the server, mark the field Required in Setup. Input fields set as required on the server are universally required, to be displayed with a red asterisk wherever the input fields are used.
To make an input field required on the client only, include the required attribute in lightning-input-field. Use this attribute if you want to require a value in a field before the form can be submitted, and the field isn't marked required in Setup. If the field doesn't have a value, the component's client-side validation catches the error before the form data is submitted to the server.

In your case, you are using custom handler to save the record using onclick event, not the lightning data service one, So what happens is when you click the button, your handleonClickParentSave method gets called first, then lightning data service standard methods gets called to validate the form and submit the form.

What you have to do is:-

For lightning-input-field, if you want to validate your field dynamically on button click, You can do like:-

this.template.querySelector('lightning-input-field').reportValidity();

reportValidity() method validate the field in lightning-input-field.If there is no issue, then only you call your apex method.

Note:- Also as you are using the lightning-record-edit-form, you need to prevent the form to be submitted via its standard functionality as you are overiding it with cutsom apex controller method.

To do so, define onsubmit event and prevent it from submitting to the server.

handleSubmit(event){
   event.preventDefault();       // stop the form from submitting
}

and

<lightning-record-edit-form object-api-name="Contact" onsubmit={handleSubmit}>
</lightning-record-edit-form>

Lightning Web Components – How to Pass lightning-input-field Value to Controller Class Method

Use event.detail.value to get the value updated value inside the change handler.

handlePickChange(event) {
    this.objType = event.detail.value;
    console.log('objType:' + this.objType);
}

Also,

handleChange(event) {
    this.owner = event.detail.value[0];
    console.log('owner:' + this.owner);
}

You need to use this to refer to the member attributes or reactive properties of Lwc.

Like this.objType and this.owner.

refreshObjList({
        objType: this.objType,
        owner: this.owner
    })
    .then(result => {
        this.sObjects = result;
    })
    .catch(error => {
        this.error = error;
    });

Also, if you are passing these attributes as parameters to the wired method, then use '$objType' or '$owner'.

I think there is another problem in your code, it seems like you are just reporting the validity of the input components but actually not checking if the values are valid or not.

Best Answer

Related Solutions

[SalesForce] inputField required is not working LWC

Lightning Web Components – How to Pass lightning-input-field Value to Controller Class Method

Related Topic