来自对话框的 Google Apps 脚本访问值答案

【问题标题】：Google Apps Script access values from dialog box来自对话框的 Google Apps 脚本访问值
【发布时间】：2019-12-28 21:53:42
【问题描述】：

我按照本教程https://yagisanatode.com/2018/06/10/google-apps-script-getting-input-data-from-a-dialog-box-in-google-sheets/ 在 Google 表格中创建了一个对话框并打印了值。但是，我想将这些值提供给一个新函数。如果我尝试在第 29 行访问它们，代码会有些中断。我说“有点”是因为它仍然运行到第 28 行，但我认为它不会执行第 28 行，因为我在日志中看不到任何内容。

我还注意到，一旦我添加了两个新行，它就不会自动关闭对话框。我认为它与 testUI.html 中的 closeIt 函数有关，但我不知道它是什么，因为我是 jQuery/Javascript 的新手。

code.gs

 //--GLOBALS--

 var ui = SpreadsheetApp.getUi();


function onOpen(e) {
// Create menu options
ui.createAddonMenu()
    .addSubMenu(ui.createMenu("Admin")
        .addItem("Test", "test"))
    .addToUi();
};

function test() {
//Call the HTML file and set the width and height
var html = HtmlService.createHtmlOutputFromFile("testUI")
    .setWidth(450)
    .setHeight(300);

//Display the dialog
var dialog = ui.showModalDialog(html, "Select the relevant module and unit");

};

function runsies(values) {
//Display the values submitted from the dialog box in the Logger. 
Logger.log(values);
//I added the two lines below because I'd like to access the values, not just print them.
var valuesAcc = values[0]["orange"]
Logger.log(valuesAcc);
};

//I'd like to run another function after runsies so I can work with the values which were inputted 
//into the dialogue box.

src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">

function form_data(){
        var values = [{
          "orange":$("input[name=orange]:checked").val(),
          "blue":$("input[name=blue]:checked").val(),
          "green":$("input[name=green]:checked").val(),
          "purple":$("input[name=purple]:checked").val()
        }];
        google.script.run.withSuccessHandler(closeIt).runsies(values);
      };
      function closeIt(){
        google.script.host.close()
      };

<head>
<base target="_top">
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
  </head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div>
      
        <table>
          <col width="60">
          <col width="50">
          <col width="50">
          <col width="50">
          <col width="50">
          <col width="50">
          <col width="50">
          <col width="50">
          <col width="50">
          <col width="50">
          <tr>
            <th></th><th><strong>Unit:</strong></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th>
          </tr>
          <tr>
            <th><strong>Module</strong></th>
            <th><strong>n/a</strong></th>
            <th><strong>1</strong></th>
            <th><strong>2</strong></th>
            <th><strong>3</strong></th>
            <th><strong>4</strong></th>
            <th><strong>5</strong></th>
            <th><strong>6</strong></th>
            <th><strong>7</strong></th>
            <th><strong>8</strong></th>
          </tr>
          <tr>
            <td>Orange </td>
            <td><input type="radio" name="orange" value="na" checked></td>
            <td><input type="radio" name="orange" value="1"></td>
            <td><input type="radio" name="orange" value="2"></td>
            <td><input type="radio" name="orange" value="3"></td>
            <td><input type="radio" name="orange" value="4"></td>
            <td><input type="radio" name="orange" value="5"></td>
            <td><input type="radio" name="orange" value="6"></td>
            <td><input type="radio" name="orange" value="7"></td>
            <td><input type="radio" name="orange" value="8"></td>
          </tr>
          <tr>
            <td>Blue </td>
            <td><input type="radio" name="blue" value="na" checked></td>
            <td><input type="radio" name="blue" value="1"></td>
            <td><input type="radio" name="blue" value="2"></td>
            <td><input type="radio" name="blue" value="3"></td>
            <td><input type="radio" name="blue" value="4"></td>
            <td><input type="radio" name="blue" value="5"></td>
            <td><input type="radio" name="blue" value="6"></td>
            <td><input type="radio" name="blue" value="7"></td>
            <td><input type="radio" name="blue" value="8"></td>
          </tr>
          <tr>
            <td>Green </td>
            <td><input type="radio" name="green" value="na" checked></td>
            <td><input type="radio" name="green" value="1"></td>
            <td><input type="radio" name="green" value="2"></td>
            <td><input type="radio" name="green" value="3"></td>
            <td><input type="radio" name="green" value="4"></td>
            <td><input type="radio" name="green" value="5"></td>
            <td><input type="radio" name="green" value="6"></td>
            <td><input type="radio" name="green" value="7"></td>
            <td><input type="radio" name="green" value="8"></td>
          </tr>
          <tr>
            <td>Purple </td>
            <td><input type="radio" name="purple" value="na" checked></td>
            <td><input type="radio" name="purple" value="1"></td>
            <td><input type="radio" name="purple" value="2"></td>
            <td><input type="radio" name="purple" value="3"></td>
            <td><input type="radio" name="purple" value="4"></td>
            <td><input type="radio" name="purple" value="5"></td>
            <td><input type="radio" name="purple" value="6"></td>
            <td><input type="radio" name="purple" value="7"></td>
            <td><input type="radio" name="purple" value="8"></td> 
          </tr>
        </table>
        <input type="submit" value="Submit" class="action" onclick="form_data()" >
      

    </div>

我认为我应该使用更高版本的 jQuery？

【问题讨论】：

标签： javascript jquery google-apps-script

【解决方案1】：

使用 google.script.run 可以轻松地从对话框中访问值。信息可以在Client To Server Communication找到。

这是我做过的几个对话框示例：

Data Entry Dialog Created from Header Info on Spreadsheet

Simple Example

【讨论】：