Lesson: 35 | Lightning Record Picker

Codes

Codes

<template>
    <lightning-record-picker
        label="Select a record"
        placeholder="Search..."
        object-api-name="Contact"
        onchange={handleChange}
        matching-info={matchingInfo}
        display-info={displayInfo}
        filter={filter}>
    </lightning-record-picker>
</template>

JavaScript

import { LightningElement } from 'lwc';

export default class RecordPickerWithFilter extends LightningElement {
    matchingInfo = {
        primaryField: { fieldPath: 'Name' },
        additionalFields: [{ fieldPath: 'Title' }],
    };

    displayInfo = {
        additionalFields: ['Title'],
    };

    // Filter Contacts having Accounts starting with "Madison"
    filter = {
        criteria: [
            {
                fieldPath: 'Account.Name',
                operator: 'like',
                value: 'Madison%',
            },
        ],
    };

    handleChange(event) {
        console.log('Selected record: ', event.detail.recordId);
    }
}

You need to login to have access to the quizzes.

Mastered by 1 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: 35 | Lightning Record Picker

Codes

Lightning Web Components