[SalesForce] How to use an apex class variable in LWC javascript

I have a constants class that has:

public static final String DATA_TYPE_INTEGER = 'INTEGER';

I tried to access this in my LWC by doing an import like this:

import DATA_TYPE_INTEGER from '@salesforce/apex/ConstantsClass.DATA_TYPE_INTEGER';

But in my Javascript, .toLowerCase() is not an operation on DATA_TYPE_INTEGER and I can't seem to get any actual string value from it.

I then tried in my apex class for my LWC:

@AuraEnabled
public final String DATA_TYPE_INTEGER = ConstantsClass.DATA_TYPE_INTEGER;

And importing that, but got the same issues. I don't think Lightning Components allowed you to access variables like this at all, but was thinking that LWCs might, like they can import custom labels…

Is this actually possible? And if so, how do I go about importing an apex class variable into my javascript?

Best Answer

There's no way at least of today to import constant values directly in JS from Apex. The only available way is to import Apex methods. You can actually utilize this for your use case here.

What you can do is to declare an apex method which returns your constant class ConstantsClass, and utilize it on your JS. This will in fact help you to get all the constant values in a single call. Sample below.

ConstantClass.cls

@AuraEnabled
public final String DATA_TYPE_INTEGER = 'INTEGER';

MyApexController.cls

@AuraEnabled(cacheable=true)
public static ConstantClass getAllConstants() {
    return new ConstantClass();
}

JS Controller

import getConstants from '@salesforce/apex/MyApexController.getAllConstants';

...

@wire(getConstants) 
allConstants ({error, data}) {
    if (data) {
        console.log(data.DATA_TYPE_INTEGER ); // will give you the value of your constant
    } else {
        this.error = error;
    }
}

Related Solutions

[SalesForce] Lightning Combobox using elements from an apex class

Your apex class has no problem. Import track and your class in LWC js file. Then use below code inside the class:

@track apexOptions = [];
connectedCallback() {
    getSchedulableClasses()
        .then((result) => {
            console.log('result => ', JSON.stringify(result));
            this.apexOptions = result.map((cls) => Object.assign({}, { label: cls.Name, value: cls.Name }));
        })
        .catch((error) => {
            console.error('error => ', error); // use proper error handling
        });
}
handleApexChange(event) {
    alert(event.detail.value);
}

You should call the apex method as a function. It returns a promise which you can handle using then.catch methods.

What you implemented below:

get apexOptions() {
    return [
        apexclass.forEach(element => {
            label: this.apexclass.data.Name, value:this.apexclass.data.name

        });
    ]
}

This is getter method (I dont understand what exactly you implemented in it - apexclass is not defined). To put it in simple words this is equivalent to formulas in Aura - {!v.firstName+' '+v.lastName}. The same in LWC will be:

get name() {
   return this.firstName + ' ' + this.lastName;
}

Note: I used apex imperatively. However you can use wired property or function.

[SalesForce] Javascript Object Constructor in LWC

Sample code, creating a class outside of the lightning elements class is the easiest way

import { LightningElement, api, track, wire} from 'lwc';
import { NavigationMixin } from 'lightning/navigation';
import findFiles from '@salesforce/apex/fileFoldersClass.findFiles';

class blah {
    constructor(tett,ugh) {
        this.tett = tett;
        this.ugh=ugh
    }
}

export default class OpenFileSample extends LightningElement() {
triggerObject creation() {

        const reeee = new blah('fire','pants')

    }
}

Best Answer

Related Solutions

[SalesForce] Lightning Combobox using elements from an apex class

[SalesForce] Javascript Object Constructor in LWC

Related Topic