Lwc wire decorator won’t trigger when one of properties is set to undefined

lightning-web-componentslwc-wire-adapterwire

So I am calling apex via wire decorator, and I am passing in 3 inputs. The accountId and contactId are dependent on other wire service getRecord, when I receive the data from getRecord and populate one of the two variables the second wire service won't trigger.

@wire(getRecord, {recordId: '$userId', fields: [AccountId, ContactId, SUSE_Administrative_Privileges]})
    wireUser({error, data}) {
        if (data) {
            if (getFieldValue(data, SUSE_Administrative_Privileges).includes('Opportunity Administrator')) {
                this.accountId = getFieldValue(data, AccountId);
                console.log('accountId', this.accountId);
            } else {
                this.contactId = getFieldValue(data, ContactId);
                console.log('contactId', this.contactId);
            }
        } else if (error) {
            console.error(error);
        }
    }

    sobjects;

    @wire(getSObjects, {accountId: '$accountId', contactId: '$contactId', dashboardFilter: '$dashboardFilterValue'})
    wireSObjects({error, data}) { //wont trigger second time?? why...}

Best Answer

I did not see this anywhere documented, but apparently the wire service won't trigger if any of the input variables is undefined.

When I set the other variable as null in the first wire service, the second wire service triggers.

if (getFieldValue(data, SUSE_Administrative_Privileges).includes('Opportunity Administrator')) {
    this.accountId = getFieldValue(data, AccountId);
    this.contactId = null;
    console.log('accountId', this.accountId);
} else {
    this.accountId = null;
    this.contactId = getFieldValue(data, ContactId);
    console.log('contactId', this.contactId);
}

Related Solutions

[SalesForce] Set dynamic map parameter of @wire method (LWC)

Added based on comments

You need to modify the dynamic property mapStringParam in change handler of strToPass so that wire service is invoked whenever dynamic property is changed. Below is code:

@api
get strToPass() {
    return this._strToPass;
}
set strToPass(value) {
    this._strToPass = value;
    this.mapStringParam = { key: this.strToPass };
}

@wire(myApexMethod, { mapStringParam: '$mapStringParam' })
wiredInitData({ error, data }) {
    if (data) {
        this.data = data;
    } else if (error) {
        this.error = error;
    }
}

OLD Answer

When you say strParam: '$strToPass' that means strToPass is dynamic property but when you say mapStringParam:{key:'myKey', value:'$strToPass'}, strToPass is deeply located inside object which will no more be dynamic and it will just consider it as string.

When you want wire service to be dependent on any dynamic property like myDynamicProp, it should be directly mentioned with $ at 1st level:

myApexParam: '$myDynamicProp'

So, you can change your JS as follows:

@track mapStringParam = { key: 'test value' };
@track strToPass = 'test value';

@wire(myApexMethod, {strParam: '$strToPass', mapStringParam: '$mapStringParam'})
    wiredInitData({ error, data }){
    if(data){
        this.data = data;
    }

Whenever you change mapStringParam.key, it will re-invoke this wire service. else if(error){ this.error = error; } }

[SalesForce] Owner name is not getting populated in LWC by using @wire decorator

Try this one:

import { LightningElement, api, wire} from 'lwc';
import { ShowToastEvent }                                from 'lightning/platformShowToastEvent';
import { getRecord, getFieldValue }                      from 'lightning/uiRecordApi';
import OWNER_NAME                                        from '@salesforce/schema/Opportunity.Owner.Name';
import Opportunity_OBJECT                                from '@salesforce/schema/Opportunity';
import Opportunity_OPPORTUNITY_NAME_FIELD                from '@salesforce/schema/Opportunity.Name';
import Opportunity_ACCOUNT_NAME_FIELD                    from '@salesforce/schema/Opportunity.Account_Name_Text__c';
import Opportunity_CHANNEL_PARTNER_DEAL_STAGE_FIELD      from '@salesforce/schema/Opportunity.Channel_Partner_Deal_Stage__c';
import Opportunity_CLOSE_DATE_FIELD                      from '@salesforce/schema/Opportunity.CloseDate';
import Opportunity_STORAGE_PRODUCT_ENERGY_MWH_FIELD      from '@salesforce/schema/Opportunity.Opp_Product_Product_Energy_kWh__c';
import Opportunity_STORAGE_PRODUCT_POWER_MW_FIELD        from '@salesforce/schema/Opportunity.Opp_Product_Product_Power_kW__c';

const fields = : [OWNER_NAME];

export default class PartnerLeadRecordEditForm extends LightningElement {
   @api  existingOpportunity;
   @api  recordId;
    opportunityObject        = Opportunity_OBJECT;
    opportunityname          = Opportunity_OPPORTUNITY_NAME_FIELD;
    accountname              = Opportunity_ACCOUNT_NAME_FIELD;
    channelpartnerdealstage  = Opportunity_CHANNEL_PARTNER_DEAL_STAGE_FIELD;
    closedate                = Opportunity_CLOSE_DATE_FIELD;
    storageproductenergymwh  = Opportunity_STORAGE_PRODUCT_ENERGY_MWH_FIELD;
    storageproductpowermw    = Opportunity_STORAGE_PRODUCT_POWER_MW_FIELD;
    //Owner                    = OWNER_FIRST_NAME;

@wire(getRecord, { recordId: '$recordId', fields})
Opportunity;

get ownerName() {
  return getFieldValue(this.Opportunity.data, OWNER_NAME);
}

wiredRecord({ error, data }) {
  if (error) {
      let message = 'Unknown error';
      if (Array.isArray(error.body)) {
          message = error.body.map(e => e.message).join(', ');
      } else if (typeof error.body.message === 'string') {
          message = error.body.message;
      }
      this.dispatchEvent(
          new ShowToastEvent({
              title: 'Error loading opportunity',
              message,
              variant: 'error',
          }),
      );
        } else if (data) {
           this.opportunity = data;
           this.Owner = this.opportunity.Owner.Name.value;
        }
   }
 }

// HTML

<template>
<lightning-card>
    <!-- Opportunity -->
      <!-- Display -->
        <template if:true={existingOpportunity}>
            <lightning-record-edit-form 
            record-id={existingOpportunity}
            object-api-name={opportunityObject}
            >
            <!-- Messages -->
            <lightning-messages></lightning-messages>
            <div class="slds-p-bottom_large slds-p-left_large">
            <br/>
            <!-- Fields -->
                <lightning-accordion active-section-name="A">
                    <lightning-accordion-section name="A" label="Opportunity Details">
                        <div class="slds-grid" style="color:rgb(15, 15, 15); font-weight: bold; font-size:13px">
                            <div class="slds-col slds-size_1-of-2">
                                <div class=" acc slds-list_horizontal slds-border_bottom">
                                    <label>Opportunity</label>
                                    <lightning-output-field variant="label-hidden" field-name={opportunityname}></lightning-output-field>
                                </div>
                                <div class=" acc slds-list_horizontal slds-border_bottom">
                                    <label>Account</label>
                                    <lightning-output-field variant="label-hidden" field-name={accountname}></lightning-output-field>
                                </div>
                                <div class="acc slds-border_bottom slds-list_horizontal">
                                    <label>Channel Partner Deal Stage</label>
                                    <lightning-output-field variant="label-hidden" field-name={channelpartnerdealstage}></lightning-output-field>
                                </div>
                                <div class="formfield slds-list_horizontal slds-border_bottom">
                                    <label>Owner: [![enter image description here][1]][1]</label>
                                    <lightning-formatted-text value={ownerName}></lightning-formatted-text>
                                </div>
                            </div>
                            <div class="slds-col slds-size_2-of-2">
                                <div class="slds-col slds-size_1-of-2">
                                    <div class="formfield slds-border_bottom slds-list_horizontal">
                                        <label>Close Date</label>
                                        <lightning-output-field variant="label-hidden" field-name={closedate}></lightning-output-field>
                                    </div>
                                    <div class="formfield slds-border_bottom slds-list_horizontal">
                                        <label>Storage Product Energy (MWh)</label>
                                        <lightning-output-field variant="label-hidden" field-name={storageproductenergymwh}></lightning-output-field>
                                    </div>
                                    <div class="formfield slds-border_bottom slds-list_horizontal">
                                        <label>Storage Product Power (MW)</label>
                                        <lightning-output-field variant="label-hidden" field-name={storageproductpowermw}></lightning-output-field>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </lightning-accordion-section>
                </lightning-accordion>
            </div>
            <br/>
        </lightning-record-edit-form>
        </template>

</lightning-card>

This is working:

Best Answer

Related Solutions

[SalesForce] Set dynamic map parameter of @wire method (LWC)

[SalesForce] Owner name is not getting populated in LWC by using @wire decorator

Related Topic