在Salesforce NavigationMixin.Navigate后调用JS函数：保存编辑模态框后刷新页面

由于NavigationMixin.Navigate方法本身不返回Promise，无法直接监听标准编辑模态框的保存完成事件，我们可以通过以下两种方案实现页面刷新：

方案一：监听系统级记录更新事件 #

利用Salesforce内置的force:recordUpdated事件，当记录被保存（或更新）时，触发当前页面的数据刷新。

实现步骤 #

1. 在自定义LWC组件中导入所需模块：CurrentPageReference、registerListener、unregisterAllListeners以及refreshApex（若通过Apex获取页面数据）。
2. 在组件的connectedCallback生命周期钩子中注册force:recordUpdated事件监听。
3. 编写事件处理函数，当检测到记录变更类型为CHANGED时，调用refreshApex刷新页面数据。

代码示例 #

import { LightningElement, wire } from 'lwc';
import { NavigationMixin, CurrentPageReference } from 'lightning/navigation';
import { registerListener, unregisterAllListeners } from 'lightning/messageService';
import { refreshApex } from '@salesforce/apex';
import getTargetRecords from '@salesforce/apex/RecordController.getTargetRecords';

export default class CustomPageComponent extends NavigationMixin(LightningElement) {
    @wire(CurrentPageReference) pageRef;
    wiredRecordData;

    // 通过wire加载页面数据
    @wire(getTargetRecords)
    wiredRecords(result) {
        this.wiredRecordData = result;
        // 这里处理数据渲染逻辑
    }

    connectedCallback() {
        // 注册记录更新事件监听
        registerListener('force:recordUpdated', this.handleRecordUpdate, this);
    }

    disconnectedCallback() {
        // 组件销毁时移除所有监听
        unregisterAllListeners(this);
    }

    handleRecordUpdate(event) {
        const { changeType } = event;
        // 仅当记录保存完成时触发刷新
        if (changeType === 'CHANGED') {
            refreshApex(this.wiredRecordData);
        }
    }

    // 打开标准编辑弹窗的方法
    openEditModal(recordId) {
        this[NavigationMixin.Navigate]({
            type: 'standard__recordPage',
            attributes: {
                recordId: recordId,
                actionName: 'edit'
            },
            state: {
                nooverride: '1',
                navigationLocation: 'RELATED_LIST' // 确保以弹窗形式打开
            }
        });
    }
}

方案二：使用Lightning消息服务（LMS） #

如果页面包含多个独立组件，或需要跨组件传递保存信号，可通过自定义消息通道实现数据刷新的联动。

实现步骤 #

1. 在Salesforce Setup中创建自定义消息通道（如RecordSaved__c）。
2. 在监听组件中订阅该消息通道，收到保存完成的消息后触发刷新。
3. 若使用自定义编辑组件，可在保存成功后发送消息；若使用标准弹窗，可结合方案一的force:recordUpdated事件触发消息发送。

代码示例（订阅端） #

import { LightningElement, wire } from 'lwc';
import { NavigationMixin, CurrentPageReference } from 'lightning/navigation';
import { subscribe, unsubscribe, MessageContext } from 'lightning/messageService';
import RECORD_SAVED_CHANNEL from '@salesforce/messageChannel/RecordSaved__c';
import { refreshApex } from '@salesforce/apex';
import getTargetRecords from '@salesforce/apex/RecordController.getTargetRecords';

export default class CustomPageComponent extends NavigationMixin(LightningElement) {
    @wire(MessageContext) messageContext;
    @wire(CurrentPageReference) pageRef;
    wiredRecordData;
    subscription = null;

    @wire(getTargetRecords)
    wiredRecords(result) {
        this.wiredRecordData = result;
    }

    connectedCallback() {
        this.subscribeToMessageChannel();
    }

    disconnectedCallback() {
        this.unsubscribeToMessageChannel();
    }

    subscribeToMessageChannel() {
        if (!this.subscription) {
            this.subscription = subscribe(
                this.messageContext,
                RECORD_SAVED_CHANNEL,
                (message) => this.handleRecordSaved(message)
            );
        }
    }

    unsubscribeToMessageChannel() {
        if (this.subscription) {
            unsubscribe(this.subscription);
            this.subscription = null;
        }
    }

    handleRecordSaved(message) {
        // 验证是否为当前页面关注的记录，再执行刷新
        if (message.recordId === '目标记录ID') {
            refreshApex(this.wiredRecordData);
        }
    }

    // 打开编辑弹窗方法同方案一
}

补充说明 #

• refreshApex仅适用于刷新通过@wire装饰器调用Apex获取的数据；若直接通过imperative Apex获取数据，可在事件处理函数中重新调用该Apex方法更新数据。
• 标准编辑弹窗的state参数中，navigationLocation: 'RELATED_LIST'是确保弹窗模式的关键配置。

内容的提问来源于stack exchange，提问作者Randall