SpreadsheetApp中showModalDialog点击Yes后无法关闭的问题

核心问题 #

1. google.script.host.close()调用位置错误：该API仅能在客户端HTML的JavaScript环境中使用，你在服务器端.gs函数clickYes()中调用它完全无效。
2. 模态对话框阻塞服务器端UI操作：当客户端的showModalDialog处于打开状态时，服务器端的ui.alert无法正常弹出——模态对话框会独占用户交互通道，导致后续UI操作被阻塞。

改进后的代码 #

我们需要调整执行顺序：先关闭客户端的模态对话框，再调用服务器端函数触发ui.alert。修改后的完整代码如下：

function showDialog() {
  var htmlOutput = HtmlService.createHtmlOutput(`
    <p><b>TEXT HTML HERE</b></p>
    <br><br><br><br>
    <button onclick="handleYes()">YES</button>
    <button onclick="google.script.host.close()">NO</button>
    <script>
      // 客户端处理YES按钮点击逻辑
      function handleYes() {
        // 先关闭模态对话框
        google.script.host.close();
        // 再调用服务器端函数执行后续逻辑
        google.script.run.clickYes();
      }
    </script>
  `);
  SpreadsheetApp.getUi().showModalDialog(htmlOutput, 'CONFIRMATION');
}

function clickYes() {
  // 直接调用业务逻辑函数
  setSheetMaster();
}

function setSheetMaster() {
  var ui = SpreadsheetApp.getUi();
  var response2 = ui.alert('Please Select "NO", to Cancel, and "YES" to Continue', ui.ButtonSet.YES_NO);
  if (response2 == ui.Button.YES) {
    Logger.log('The user clicked "Yes."');
  } else {
    return;
  }
}

关键调整说明 #

• 将YES按钮的点击逻辑移到客户端JS函数handleYes()中，先执行google.script.host.close()关闭模态对话框，再通过google.script.run调用服务器端的clickYes()函数。
• 移除服务器端clickYes()中的无效google.script.host.close()调用，确保服务器端函数专注于业务逻辑执行。

这样调整后，点击YES按钮会先关闭模态对话框，随后服务器端的ui.alert就能正常弹出，符合你的预期流程。

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