Lesson: 34 | Fetch Records Via Apex

HTML

<template>
    <lightning-card title="All Contact Records">
        <ul>
            <template if:true={responseReceived}>
                <template for:each={contacts.data} for:item="contact">
                      <li key={contact.id}>
                        <div class="slds-p-around_medium lgc-bg">
                            <lightning-tile label={contact.LastName}>
                                <p class="slds-truncate" title={contact.Phone}>{contact.Phone}</p>

                            </lightning-tile>
                        </div>
                      </li>
                </template>
            </template>
        </ul>
    </lightning-card>
</template>

JavaScript

import { LightningElement,wire } from 'lwc';
import getAllContacts from '@salesforce/apex/ContactManager.getContact'
export default class FetchContactViaApex extends LightningElement {
    @wire(getAllContacts) contacts;
    get responseReceived()
    {
        if(this.contacts){
            return true;
        }
        return false;
    }
}

Apex Class

@AuraEnabled must be used.

The method must be public or global.

The method must be static.

public with sharing class ContactManager {
    @AuraEnabled(cacheable=true)
    public static List<Contact> getContact(){
        return [SELECT Id, LastName, Phone FROM Contact];
    }
}

Prev You need to login to have access to the quizzes.

Mastered by 7 users.

Lightning Web Components

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (41 lessons)

D. Java Script Methods for LWC (23 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)

Go to top

Login to your account

Lesson: 34 | Fetch Records Via Apex

HTML

Lightning Web Components