I Want to call the onload wired method again on refresh button click. How could I achieve this?

Question

Using wire decorator I am calling Apex method on load of the page. Same wired method I want to call on reset button. I have a requirement on click of reset button Page should show ONLOAD data and reset all the selection in lightning combo box. following is the HTML and JS part of my component. HTML

<lightning-button-icon  icon-name="utility:refresh" alternative-text="Reset" 
                        class="slds-p-around_xx-small" onclick={refreshTable}>
</lightning-button-icon>

JS

@track selectedyear;
@track selectedmonth;

@wire(fetchAccdata, {year : '$selectedyear', month :'$selectedmonth'})
AccountData({error,data}){
    if(data){
        this._accwisedata=data;
    }
    else if(error){
        console.error('Error:\n',error);
    }
}

refreshTable(event){
    this.selectedacc = null;
    this.Name= null;
    this.selectedmonth=this._data.currentMon;
    this.selectedyear=this._data.currentYr;
    this.AccountData();// I have tried this and following refereshApex option.
    //refreshApex(AccountData);
    console.log('I am in Reset Table EVENTTTTTTTTTTTTTTTTTTTTTTT');
}

Answer 1

You can use refreshApex for this (in your code you are not using it right):

To refresh Apex data provisioned via an Apex @wire, call refreshApex(). The function provisions the data using the configuration bound to the @wire and updates the cache.

Link : Refresh the Cache When Using @wire

So your Code should look in the next way :

Note:

The parameter you refresh with refreshApex() must be an object that was previously emitted by an Apex @wire.

wiredAccounts;
_accwisedata;

@wire(fetchAccdata, {year : '$selectedyear', month :'$selectedmonth'})
setAccountData(value){
    // Hold on to the provisioned value so we can refresh it later.
    this.wiredAccounts = value;
    const { data, error } = value;
    if(data){
        this.accountData = data;
    } else if(error){
        console.error('Error:\n',error);
    }
}

refreshTable(event){
    this.selectedacc = null;
    this.Name= null;
    this.selectedmonth=this._data.currentMon;
    this.selectedyear=this._data.currentYr;

    // here you refresh the wiredAccounts parameter
    refreshApex(this.wiredAccounts).then(() => {
         // do something with the refreshed data in this.accountData
    }); 
}

Do not forget to import refreshApex into your LWC.

import { refreshApex } from '@salesforce/apex';