Syntax :
@wire(ApexMethodName, {key: value})
for example:
@wire(getAllCases, {strOrigin :'$sampleOrigin'})
here while assigning value to variable, in our example (sampleOrigin) we have to add '$' to bind value before sending to Apex.
Create Apex class : CaseController
public with sharing class CaseController {
@AuraEnabled(cacheable= true)
public static List<Case> getAllCases(String strOrigin){
try {
List<Case> lstCase = [SELECT Id, Subject, Origin
FROM Case WHERE Origin=: strOrigin];
return lstCase;
} catch (Exception e) {
throw new AuraHandledException(e.getMessage());
}
}
}
wireMethod.html
<template>
<lightning-card title="All Cases" icon-name="standard:case" variant="base">
<div>
<lightning-input type="text" value ={sampleOrigin}
label="Search" onchange={handleChange}></lightning-input>
</div>
<div>
<!-- Card Body -->
<template for:each={records} for:item="objItem">
<p key={objItem.Id}>
{objItem.Subject} <br/> {objItem.Origin}
</p>
</template>
<template if:true={errors}>
Something goes wrong.
</template>
</div>
</lightning-card>
</template>
wireMethod.js
import { LightningElement, wire, api, track } from 'lwc';
import getAllCases from '@salesforce/apex/CaseController.getAllCases';
export default class WireMethod extends LightningElement {
@api records;
@api errors;
@track sampleOrigin; handleChange(event){
const temp = event.target.value;
this.sampleOrigin = temp;
}
/*
@wire(ApexMethodName, {key: value})
wiredCase ({ data, error }){
- data => return list of case
- error => error in for, of object
}
*/
@wire(getAllCases, {
strOrigin :'$sampleOrigin'
})
wiredCase ({
data, error
}){
if(data){
this.records = data;
this.errors = undefined;
}
if(error){
this.records = undefined;
this.errors = error;
}
}
}
Subscribe blog for More updates !!!
Read More: WhatsApp on Salesforce Integration in 5 Steps
Which Salesforce API Do I Use in Integration?
When To Use Salesforce REST API
When To Use Salesforce SOAP API
When To Use Salesforce Bulk API
Latest Salesforce Interview Questions and Answers:
No comments:
Post a Comment