メッセージチャネルでの公開

1<!-- lmsPublisherWebComponent.html -->
2<template>
3  <lightning-card title="LMSPublisherWebComponent" icon-name="custom:custom30">
4    <div class="slds-m-around_medium" oncontactselect={handleContactSelect}>
5      <template lwc:if={contacts.data}>
6        <template for:each={contacts.data} for:item="contact">
7          <c-contact-list-item-bubbling
8            key={contact.Id}
9            contact={contact}>
10          </c-contact-list-item-bubbling>
11        </template>
12      </template>
13    </div>
14  </lightning-card>
15</template>

1// lmsPublisherWebComponent.js
2import { LightningElement, wire } from "lwc";
3import getContactList from "@salesforce/apex/ContactController.getContactList";
4
5// Import message service features required for publishing and the message channel
6import { publish, MessageContext } from "lightning/messageService";
7import recordSelected from "@salesforce/messageChannel/Record_Selected__c";
8
9export default class LmsPublisherWebComponent extends LightningElement {
10  @wire(getContactList)
11  contacts;
12
13  @wire(MessageContext)
14  messageContext;
15
16  // Respond to UI event by publishing message
17  handleContactSelect(event) {
18    const payload = { recordId: event.target.contact.Id };
19
20    publish(this.messageContext, recordSelected, payload);
21  }
22}