提交后弹窗未关闭的Google Apps Script技术问题咨询

问题根源 #

你当前代码里调用SpreadsheetApp.getUi().close()试图关闭模态对话框是无效的——服务端脚本无法直接操作客户端的模态窗口，必须通过客户端JavaScript的google.script.host.close()方法完成关闭。另外，服务端触发的alert会造成弹窗层级混乱，关闭提示后原表单弹窗仍会残留。

修改后的完整代码 #

1. 更新showOptionWindow函数（调整HTML部分）

function showOptionWindow(clickedCell) {
  var html = '<html><body><form><p>Options :</p>';
  html += '<input type="checkbox" name="option1" value="APIs/Storefront">APIs/Storefront<br>';
  html += '<input type="checkbox" name="option2" value="Employee Rewards">Employee Rewards<br>';
  html += '<input type="checkbox" name="option3" value="Channel Incentives">Channel Incentives<br>';
  html += '<input type="checkbox" name="option4" value="Customer Rewards">Customer Rewards<br>';
  html += '<input type="checkbox" name="option5" value="Payouts">Payouts<br>';
  html += '<br>';
  // 绑定成功回调并阻止表单默认提交行为
  html += '<input type="submit" value="Submit" style="font-weight:bold; background-color:black; color:white;" onclick="google.script.run.withSuccessHandler(onSuccess).processForm(this.form); return false;">';
  html += '</form>';
  // 添加客户端脚本处理回调和弹窗关闭
  html += '<script>';
  html += 'function onSuccess(selectedText) {';
  html += '  alert("You selected: " + selectedText);';
  html += '  google.script.host.close(); // 客户端API关闭模态框';
  html += '}';
  html += '</script>';
  html += '</body></html>';
  var ui = HtmlService.createHtmlOutput(html)
    .setWidth(250)
    .setHeight(275);
  SpreadsheetApp.getUi().showModalDialog(ui, 'Pillar Selection');
}

2. 优化processForm函数（移除无效代码并返回结果）

function processForm(form) {
  var selectedOptions = [];
  if (form.option1.checked) {
    selectedOptions.push(form.option1.value);
  }
  if (form.option2.checked) {
    selectedOptions.push(form.option2.value);
  }
  if (form.option3.checked) {
    selectedOptions.push(form.option3.value);
  }
  if (form.option4.checked) {
    selectedOptions.push(form.option4.value);
  }
  if (form.option5.checked) {
    selectedOptions.push(form.option5.value);
  }
  
  var sheet = SpreadsheetApp.getActiveSheet();
  var clickedCell = sheet.getActiveCell();
  
  var selectedText = selectedOptions.join(', ');
  clickedCell.setValue(selectedText);
  
  // 返回选中结果给客户端用于提示
  return selectedText;
}

关键修改点 #

• 删掉服务端无效的SpreadsheetApp.getUi().close()调用，改用客户端google.script.host.close()关闭模态框。
• 用google.script.run.withSuccessHandler()绑定回调函数，将服务端处理结果返回给客户端，在客户端完成提示和弹窗关闭。
• 提交按钮添加return false，阻止表单默认提交行为，避免不必要的页面刷新。

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