Lesson: 38 | Display RelatedList

Notes

Notes

<template>
    <lightning-datatable
        key-field="Id"
        data={contacts}
        columns={columns}
        hide-checkbox-column="true">
    </lightning-datatable>
</template>

JavaScript

import { LightningElement, wire } from 'lwc';
import { getRelatedListRecords } from 'lightning/uiRelatedListApi';

export default class LdsGetRelatedListRecords extends LightningElement {
    columns = [
        { label: 'Name', fieldName: 'FirstName' },
        { label: 'ID', fieldName: 'Id' }
    ];

    contacts;

    @wire(getRelatedListRecords, {
        parentRecordId: '001Dn000015FGr5IAG',
        relatedListId: 'Contacts',
        fields: ['Contact.FirstName', 'Contact.Id']
    })
    wiredContacts({ error, data }) {
        if (data) {
            this.contacts = data.records.map(record => {
                return {
                    Id: record.fields.Id.value,
                    FirstName: record.fields.FirstName.value
                };
            });
        } else if (error) {
            console.error('Error retrieving related list records: ', error);
        }
    }
}

You need to login to have access to the quizzes.

Mastered by 0 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: 38 | Display RelatedList

Notes

Lightning Web Components