[SalesForce] LWC not calling Apex

I have a very simple LWC component with 2 input fields and a button that calls an Apex method. Unfortunately, I'm not able to reach to Apex class.

LWC Component:

<template>
    <lightning-input type="text" label="First Name" value={inputFirstName} onchange={updateFirstName}></lightning-input>
    <br/>
    <lightning-input type="text" label="Last Name" name="input3" value={inputLastName} onchange={updateLastName}></lightning-input>
    <br/>
    <lightning-button label="Login" onclick={handleAddRecord}></lightning-button>
</template>

LWC JS:

import { LightningElement, track, api, wire } from 'lwc';
import tryAddRecord from '@salesforce/apex/MyClass.addRecord';

export default class myTestLwc extends LightningElement {
    @api inputFirstName;
    @api inputLastName;

    handleAddRecord() {
        console.log(this.inputFirstName + ' ' + this.inputLastName);
        tryAddRecord({ 
            firstName : this.inputFirstName, 
            lastName : this.inputLastName
        })
        .then(result => {
            console.log('It is a success');
        })
        .catch(error => {
            console.log('You got an error');
        });
    }

    updateFirstName(event) {
        this.inputFirstName = event.detail.value;
    }

    updateLastName(event) {
        this.inputLastName = event.detail.value;
    }
}

Apex Class:

public class MyClass {
    @AuraEnabled
    public static String addRecord(String firstName, String lastName) {
        try{
            System.debug(firstName + ' ' + lastName);
            return 'testString';
        }
        catch (Exception ex) {
            return ex.getMessage();            
        }
    }
}

On button click, I have the correct values but I get console log "error" and I'm never hitting Apex method. What am I missing here?

Best Answer

You have API enabled input variables - which means they are not modifiable from the app.

For now, just take away the @api annotations on your two classes and this will likely fix the issue.

inputFirstName;
inputLastName;

If you do want to both set via an attribute, you could make a setter/getter:

@api
set inputFirstName(value) {
  this._inputFirstName = value;
}
get inputFirstName() {
  return this._inputFirstName;
}
_inputFirstName = "";

If this is not the cause of the problem - first, examine the error - normally they tell you something useful, then check your profile settings for your class to make sure you are able to access it from LWC

Related Solutions

[SalesForce] Pre selected Rows with Pagination not working in Datatable in Saleforce LWC

You need to keep a separate list of all selections in one variable, then update this variable accordingly as you navigate pages (and also keep track of any changes).

allSelectedRows = [];
preselectedRows = [];
changePage(pageNumber) {
    let pageData = this.getPageData();
    this.allSelectedRows = this.allSelectedRows
        .filter((rowId) => !pageData.find((record) => record.UserId === rowId)) // Preserve rows outside current page
        .concat(this.template.querySelector('lightning-datatable').selectedRows); // and add rows from current page
    this.page = pageNumber;
    pageData = this.getPageData();
    this.preslectedRows = this.allSelectedRows.filter(
        (rowId) => pageData.find((record) => record.UserId === rowId) // And now find records in current page
    );
}
onFirst() {
    this.changePage(1);
}
onNext() {
    this.changePage(this.page + 1);
}
// ... etc ...

Also, some general notes...

First, don't use await and then() together:

try {
// other code here
  let userList = await getUserList();
  // rest of code here
} catch(error) {
  this.error = error;
}
this.showLoadingSpinner = false;

Or:

getUserList().then(
  userList => {
    // success logic here
  })
  .catch(error => this.error = error)
  .finally(() => this.showLoadingSpinner = false);

Second, you really didn't need to JSON.serialize and JSON.parse, you can return the wrappers directly.

Populate LWC from fieldset

Solution to getting fields set to render

HTML

<template if:true={renderAccount}>
<lightning-layout multiple-rows="true">
    <lightning-layout-item padding="around-small" size="12">
        <lightning-record-edit-form object-api-name="Account" onsubmit={handleSubmit} onsuccess={handleSuccess}>
            <template for:each={accounts} for:item="acc"> 
                <lightning-input-field field-name={acc.fieldPath} key={acc.label}>
                </lightning-input-field>
            </template>
            <lightning-button
                class="slds-m-top_small"
                type="submit"
                label="Create Records">
            </lightning-button>
        </lightning-record-edit-form>
    </lightning-layout-item>
</lightning-layout>

getAccountfieldSetFields(){
getAccountFieldSet()
    .then(result => {  
        let test = JSON.parse(result);
        this.accounts = JSON.parse(test.FIELDSET_LIST);

    })
    .catch(error => {
        this.error = error;
        this.accounts= undefined;

Apex Class

Map<String, String> returnFS = new Map<String,String>();

List<Schema.FieldSetMember> listFieldSetFields = 
Account.getSObjectType().getDescribe().fieldSets.getMap().get('RecordCreation').getFields();


returnFS.put('FIELDSET_LIST', JSON.serialize(listFieldSetFields));
return JSON.serialize(returnFS);

Best Answer

Related Solutions

[SalesForce] Pre selected Rows with Pagination not working in Datatable in Saleforce LWC

Populate LWC from fieldset

Related Topic