如何通过Google Apps Script代码关闭模态对话框？

你当前代码的问题在于：SpreadsheetApp.getUi().showModalDialog()是异步执行的，服务端代码会直接跳过弹窗渲染过程，继续执行Logger.log和dialog.close()，但此时对话框还没完成初始化，所以close()调用无效。而且服务端脚本无法直接控制客户端已打开的模态框，必须通过客户端JavaScript来实现自动关闭或触发关闭。

下面是两种可行的实现方案：

方案一：客户端自动定时关闭 #

直接在HTML内容里加入JavaScript，延迟一段时间后自动关闭对话框：

function testing() {
  var html = HtmlService.createHtmlOutput(`
    <div>
      <h2>Message</h2>
      <p>This is an alert message.</p>
    </div>
    <script>
      // 延迟3秒后自动关闭对话框，可根据需求调整时间
      setTimeout(() => {
        google.script.host.close();
      }, 3000);
    </script>
  `);
  SpreadsheetApp.getUi().showModalDialog(html, 'Alert Dialog');
  
  Logger.log('Intervening code etc.');
}

方案二：服务端执行完代码后通知客户端关闭 #

如果需要等服务端代码全部执行完毕后再关闭对话框，需要用google.script.run的回调机制：

function testing() {
  var html = HtmlService.createHtmlOutput(`
    <div>
      <h2>Message</h2>
      <p>This is an alert message.</p>
    </div>
    <script>
      // 调用服务端的业务函数，执行完成后关闭弹窗
      google.script.run
        .withSuccessHandler(() => google.script.host.close())
        .runInterveningCode();
    </script>
  `);
  SpreadsheetApp.getUi().showModalDialog(html, 'Alert Dialog');
}

// 封装需要执行的中间业务代码
function runInterveningCode() {
  Logger.log('Intervening code etc.');
  // 这里可以加入更多业务逻辑
  return 'completed';
}

关键注意点 #

• 必须使用客户端的google.script.host.close()方法关闭模态对话框，服务端返回的dialog.close()仅对侧边栏有效，对模态框不起作用。
• 服务端脚本与客户端HTML是分离执行的，必须通过google.script.run实现两者的通信。

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