从对话框（平均堆栈站点）向任务窗格发送消息

Question

I am trying to use Dialog API of Office addin.

I can successfully open a Dialog box from my task pane by:

$scope.openDialog = function () {
    Office.context.ui.displayDialogAsync('https://localhost:3000/home',
        function (asyncResult) {
            dialog = asyncResult.value;
            dialog.addEventHandler(Office.EventType.DialogMessageReceived, processMessage);
        });
}

My Dialog box is a mean-stack site. I have added <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script> in the index.html . And I tried to use Office.context.ui.messageParent(true); , it shows an error in console:

And I see in the doc that I don't understand quite well:

The Office JavaScript library is loaded in the page. (Like any page that uses the Office JavaScript library, script for the page must assign a method to the Office.initialize property, although it can be an empty method. For details, see Initializing your add-in.)

I also tried to add Office.initialize = function () { }; in index.html , the error is still there, and processMessage of the task pane does not seem to receive anything.

So is there anything special I should do to my mean-stack site so that it could use messagePerent ?

Answer 1

The console error will not introduce any bad effect to the dialog. We already fixed it internal. You can just ignore this error. Did you check whether office.context.ui.messageParent is null or undefined ? if it is not, then the dialog has been initialized successfully. Then it will be only something wrong with the postMessage method, what system and browser version are you using ? 1. If it is Win10 and latest version of IE, please make sure the dialog first page domain is same with the taskpane domain. Or you can use other browser to try it. 2. If it is Win7&8&8.1 and IE, then you can just try in other browser to see whether the messageParent api is work. We have already done a code change to fix the IE issue. It will be deployed to prod soon.