Question

我在Word加载项中使用Office对话框api。当我设置本地存储并在对话框打开后在对话框中读取时，我会在对话框中看到该值。但是，当对话框打开并且我将localstorage设置为parent时，对话框中没有显示该内容。启动后，我正在使用localstorage与子对话框进行通信。对话框打开后，父母与孩子之间还有其他通信方式吗？从对话框向父级发送消息时使用Office.context.ui.messageParent。

Main page:

$scope.opensettingDialog = function () {
Office.context.ui.displayDialogAsync("https://localhost/tz/setting", {90,50},
               function (asyncResult) {
                   dialog = asyncResult.value;
            dialog.addEventHandler(Office.EventType.DialogMessageReceived, processSettingDialog);
        });}

function processSettingDialog (arg) {
    var messageFromDialog = JSON.parse(arg.message);
    if (messageFromDialog.messageType == "save") {
        //do operations & store result
        localStorage.setItem("tbSave", "true");
    }
    else {
        dialog.close();
    }
}


Settings Dialog:

$scope.acceptSettings = function () {

    var messageObject = {
        messageType: "savedoc"
    };
    var jsonMessage = JSON.stringify(messageObject);
    Office.context.ui.messageParent(jsonMessage);

    $scope.intervalpromise = $interval(checkSave2Update(), 1000);


};

//Wait for parent operation to complete
var checkSave2Update= function () {
    var processingStatus = localStorage.getItem("tbSave");//it never has the value set in the parent page.

    if ((processingStatus == "undefined") || (processingStatus == null)) {
        $interval.cancel($scope.intervalpromise);
        $scope.intervalpromise = $interval(checkSave2Update(), 1000);
        return;
    }
    else {//cancel wait
        $interval.cancel($scope.intervalpromise);
    }
}

Answer 1

就localStorage而言，可能只是您遇到了Internet Explorer问题（在桌面上，Office加载项在IE容器中运行）。

https://stackoverflow.com/a/40770399中详细描述了问题和解决方法。基本上，本地存储可能在各个选项卡之间不同步（这实际上就是任务窗格与对话框的区别）。要解决此问题，您可以在某个键上设置一个值，这将确保刷新localStorage。

我们在脚本实验室中使用此替代方法：请参见https://github.com/OfficeDev/script-lab/blob/master/packages/common/src/utilities/ensure.fresh.local.storage.ts

希望这会有所帮助。

Word加载项对话框未反映出父级设置的本地存储值

1 个答案: