如何使用提示在 UI 上添加自定义按钮？

Question

我有这个问题。 我试图构建一个电子表格，打开时会提示一个 UI，允许用户在 3 个自定义按钮之间切换 select。 一个真实的场景是这样的：

打开后，它会显示消息：“嗨？你想从事哪个项目”，并且在这条消息下方显示三个按钮，上面写着“项目 1”。 “项目2”和“项目3”，根据按下的按钮，它应该相应地修改电子表格（例如：它会统一A1.A10并在其中写入“项目1”等）。

我该怎么做呢？ 这可能吗？ 谢谢：）

Answer 1

您不能对 Google Spreadsheet Ui 执行此操作，因为按钮选择是固定的，例如“确定”、“取消”等。 但是您可以创建自定义对话框。

在 Code.gs 我创建了一个Installed onOpen

function myOnOpen(e) {
  var html = HtmlService.createHtmlOutputFromFile("HTML_Simple");
  SpreadsheetApp.getUi().showModalDialog(html,"Test");
}

接下来，我制作了一个带有名为 HTML_Simple.html 的项目按钮的简单自定义对话框。

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <p>Which project do you want to work on?</p>
    <input id="project1" type="button" value="Project 1" onclick="clickProject(this)">
    <input id="project2" type="button" value="Project 2" onclick="clickProject(this)">
    <input id="project3" type="button" value="Project 3" onclick="clickProject(this)">
    <script>
      function clickProject(button) {
        try {
          alert("You picked "+button.id);
          google.script.host.close();
        }
        catch(err) {
          alert(err);
        }
      }
    </script>
  </body>
</html>

现在你可以测试按钮 id 和分支来做任何你想做的事情。

参考

• HTML 售后服务