如何向Google Sheets已打开的Dialog窗口添加文本？

你遇到的核心问题是：Google Apps Script的服务器端（.gs文件）无法直接获取或操作已打开的对话框对象——因为对话框的DOM属于客户端浏览器环境，服务器端代码无法直接访问。下面提供两种可行的解决方案：

方案1：前端直接修改文本（最优，无需重新打开对话框） #

通过客户端JavaScript直接更新对话框内的文本，不需要服务器端操作对话框对象。修改后的代码如下：

服务器端（.gs）代码 #

function example(text, title, height=90, width=350) {
  // 构建带文本容器和按钮的HTML，用客户端JS处理点击逻辑
  const htmlContent = `
    <div id="text-container">${text}</div>
    <br>
    <button onclick="updateText()">Do Stuff</button>
    <script>
      async function updateText() {
        // 调用服务器端getText函数获取新文本
        const newText = await google.script.run.withSuccessHandler(text => text).getText();
        // 直接更新客户端DOM的文本内容
        document.getElementById('text-container').innerHTML += newText;
      }
    </script>
  `;
  const html = HtmlService.createHtmlOutput(htmlContent).setHeight(height).setWidth(width);
  SpreadsheetApp.getUi().showModelessDialog(html, title);
}

// 模拟获取新文本的函数
function getText() {
  return "<br>这是新增的文本内容";
}

逻辑说明 #

• 对话框的文本放在带ID的容器里，方便客户端JS定位修改
• 按钮点击时，通过google.script.run异步调用服务器端的getText，拿到返回值后直接更新容器内容
• 全程不需要关闭或重新打开对话框，体验更流畅

方案2：关闭旧对话框并打开新对话框（备选） #

如果必须通过服务器端控制对话框替换，可以让前端先关闭当前对话框，再调用服务器端函数打开新对话框：

服务器端（.gs）代码 #

let currentDialogText = ""; // 全局变量存储当前对话框的文本

function example(text, title, height=90, width=350) {
  currentDialogText = text; // 初始化存储的文本
  const dialogButton = '<br><button onclick="closeAndUpdate()">Do Stuff</button>';
  const html = HtmlService.createHtmlOutput(currentDialogText + dialogButton).setHeight(height).setWidth(width);
  SpreadsheetApp.getUi().showModelessDialog(html, title);
}

function doStuff() {
  const newText = getText();
  currentDialogText += newText; // 更新存储的文本
  // 重新打开对话框，用更新后的文本
  SpreadsheetApp.getUi().showModelessDialog(
    HtmlService.createHtmlOutput(currentDialogText + '<br><button onclick="closeAndUpdate()">Do Stuff</button>'),
    "更新后的标题"
  );
}

// 模拟获取新文本的函数
function getText() {
  return "<br>这是新增的文本内容";
}

客户端HTML补充（嵌入在example函数的HTML里） #

<script>
  function closeAndUpdate() {
    // 关闭当前对话框
    google.script.host.close();
    // 调用服务器端的doStuff函数打开新对话框
    google.script.run.doStuff();
  }
</script>

逻辑说明 #

• 用全局变量存储当前对话框的文本内容，方便服务器端更新
• 按钮点击时先调用google.script.host.close()关闭当前对话框，再调用服务器端的doStuff生成新对话框
• 缺点是会有对话框关闭再打开的闪烁感，体验不如方案1

关键注意点 #

• 永远不要试图在服务器端代码中直接获取或操作对话框对象——Google Apps Script的Ui服务没有提供这类API
• 前后端交互必须通过google.script.run（客户端调服务器）或google.script.run.withSuccessHandler（服务器返回数据给客户端）完成

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