使用MessageChild后DialogParentMessageReceived事件未触发的问题排查

以下是你代码中的核心问题及对应的修复方案：

1. 消息发送时机过早 #

你在displayDialogAsync的回调里直接调用dialog.messageChild，但此时对话框页面大概率还未完成Office.onReady初始化和事件注册流程，导致消息发送时接收方还未准备好接收。

修复方案：监听对话框的DialogEventReceived事件，在对话框明确加载完成（事件状态为ready）后再发送消息：

var dialog;

function ItemSendHandler(event) {
    Office.context.ui.displayDialogAsync(
        "https://localhost:44372/Home.html?action=process", 
        { 
            asyncContext: JSON.stringify("Test"), 
            displayInIframe: true, 
            height: 60, 
            width: 60, 
            promptBeforeOpen: false 
        }, 
        dialogCallback
    );
}

function dialogCallback(dialogResult) {
    dialog = dialogResult.value;
    // 监听对话框加载完成事件
    dialog.addEventHandler(Office.EventType.DialogEventReceived, function(eventArgs) {
        if (eventArgs.eventType === "ready") {
            // 对话框就绪后再发送消息
            dialog.messageChild(dialogResult.asyncContext, { targetOrigin: "https://localhost:44372" });
        }
    });
}

2. 事件处理函数参数名错误 #

你的onParentMessageReceived函数里使用了未定义的arg变量，但实际传入的参数是args，这会导致就算事件触发，也无法正确读取消息内容。同时注意，消息内容存储在args.message属性中，而非args本身。

修复方案：修正参数名并正确读取消息：

function onParentMessageReceived(args) {
    loadedAttachments = args.message;
    LoadAction();
    LoadAttachments();
}

3. 建议明确指定targetOrigin #

虽然targetOrigin: "*"可用于临时测试，但生产环境必须指定与对话框页面完全一致的域名（如https://localhost:44372），既规避安全风险，也能避免部分浏览器的跨域限制。

补充：恢复事件注册回调确认 #

建议恢复addHandlerAsync的回调函数，以便明确确认事件是否成功注册：

Office.onReady(() => {
    Office.context.ui.addHandlerAsync(
        Office.EventType.DialogParentMessageReceived, 
        onParentMessageReceived,
        onRegisterMessageComplete
    );
});

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