如何使用提示在 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 售后服務

如何使用提示在 UI 上添加自定義按鈕？

問題描述

1 個解決方案

解決方案1
0 2023-01-30 14:23:26

如何使用提示在 UI 上添加自定義按鈕？

問題描述

1 個解決方案

解決方案1 0 2023-01-30 14:23:26

解決方案1
0 2023-01-30 14:23:26