如何使用 Google Apps 脚本中的 javascript 从模态对话框模板更新边栏模板中的 html？

Question

我在模态对话框中有一个表单。提交表单后，对话框关闭并在后台执行一些操作。关闭模态对话框后，我还想更新边栏中的 html（ 而不刷新边栏 ）。我在边栏中有一个 div 和 "loader" id，隐藏了 class（这会阻止它可见）。在模式对话框关闭时，我想从 "loader" div 中删除隐藏的 class。我如何从模态对话框模板访问"loader"div？

Answer 1

您可以使用浏览器 sessionStorage，设置计时器，并持续 "poll" 获取可用信息。

感谢评论，提出了一个变体，它消除了轮询的需要：

jquery

$(window).bind('storage',
  function(e){if(e.key === "newValuesWereEntered"){doSomething()}});

脚本标签：

<script>
  //Use a timer to keep checking for a completed action from another dialog
  var theTimer;

  window.setTheTimer = function() {
    //To Do - Hide the Spinner
    if (typeof(Storage) === "undefined") {
      alert('HTML5 Storage is not supported.  This App will not work in this browser.  Please update your browser.');
      return;
    }

    try {
    window.sessionStorage.setItem("newValuesWereEntered","n"); //Make sure check value is reset
    } catch(e) {
      alert(e.error + ' You may have this apps cookies blocked in this browser, and/or this browser tab.  Check cookie blocking.');
      return;
    };
    theTimer = window.setInterval(monitorForTheResponse, 500); //Every 1/2 second, check for response value
  };

  window.monitorForTheResponse = function() {
    var was_a_newValueEntered,dlgInfo;
    was_a_newValueEntered = window.sessionStorage.getItem("newValuesWereEntered");
    if (was_a_newValueEntered === 'y') {//Dialog just wrote value to window.sessionStorage
      window.sessionStorage.setItem("newValuesWereEntered","n");//Reset
      clearTimeout(theTimer);//turn off timer
      //Get submitted values
      dlgInfo = window.sessionStorage.getItem("newValuesToTransfer");

      //To Do - Run code to display new value
    };
  };
</script>

具有要传递到边栏的值的对话框必须将该值保存到会话存储

window.theValueWasSavedOrEntered = function() {
  var arry,objectOfNewValues,strJSON;
  try{
  if (typeof(Storage) !== "undefined") {//Browser has local storage      
    window.sessionStorage.setItem("newValuesWereEntered","y"); //Set to yes      
    objectOfNewValues = {};

    objectOfNewValues.valueOne = arry[0];
    objectOfNewValues.valueTwo = arry[1];

    strJSON = JSON.stringify(objectOfNewValues);
    window.sessionStorage.setItem("newValuesWereEntered","y"); //Set to yes
    window.sessionStorage.setItem("newValuesToTransfer", strJSON);
  };

  google.script.host.close();
  } catch(e) {
    SendErr({'message':'ERROR: ' + e.stack + ' message: ' + e.message});
  };
};

如何使用 Google Apps 脚本中的 javascript 从模态对话框模板更新边栏模板中的 html？

How to update html in sidebar template from modal dialog template with javascript in Google Apps Script?

sidebar

modal-dialog

google-apps-script

jquery