如何在 Javascript For 循环中调用 Google Script 函数

Question

我有一个 Google Script 函数，它根据来自 Javascript 的值填充单元格 GS 函数在 Javascript 'For' 循环中调用。 当我运行代码时，直到 'For' 循环的所有增量都完成运行后，才会填充单元格。

神奇的是，在 For 循环结束后，GS 函数开始填充相关单元格（不知何故它会记住所有动态值）。但是，并非所有预期的单元格都会被填充，而且顺序也不正确。

尝试使用 .flush() - 没有帮助

GS函数：

function rolesInputer(role, i){
    var rolesInputer = role;
    var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
    var column = 3+i;
    var cell = sheet.getRange(17,column);
    cell.setValue(role);
}

JS函数：

function saveInput() {
    var i;
    for (i = 1; i <= dataEncoded; i++) {
        sleep(1000);
        var temprole = "role" + (i);
        var roleSelect = document.getElementById(temprole);
        var roleSelected = roleSelect.options[roleSelect.selectedIndex].value;
        google.script.run.withSuccessHandler(roleSelected, i).rolesInputer(roleSelected, i);
        alert("executed");
    }
    google.script.host.close();
}

Answer 1

• 您希望使用 google.script.run() 将 HTML 端的值发送到 Google Apps 脚本端。

如果我的理解是正确的，那么这个修改呢？请认为这只是几个答案之一。

首先，关于您的以下问题，我认为您的问题的原因是google.script.run()通过异步处理工作。

神奇的是，在 For 循环结束后，GS 函数开始填充相关单元格（不知何故，它记住了所有动态值）。但是，并非所有预期的单元格都会被填充，而且顺序也不正确。

为了避免这种情况，我认为您的情况有两种模式。

模式一：

在此模式中，检索完所有值后，会将这些值发送到 Google Apps 脚本。当您测试此模式时，请进行如下修改。

Google Apps 脚本：

function rolesInputer(values){
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  sheet.getRange(17, 3, 1, values.length).setValues([values]);
}

HTML 和 Javascript：

我使用<select>...</select> 作为示例值。在此示例中，当打开 HTML 时，脚本会运行。

<select id="role1"><option value="role1" selected>role1</option></select>
<select id="role2"><option value="role2" selected>role2</option></select>
<select id="role3"><option value="role3" selected>role3</option></select>
<select id="role4"><option value="role4" selected>role4</option></select>
<select id="role5"><option value="role5" selected>role5</option></select>

<script>
  function saveInput() {
    var dataEncoded = 5;
    var values = [];
    for (var i = 1; i <= dataEncoded; i++) {
      var temprole = "role" + (i);
      var roleSelect = document.getElementById(temprole);
      var roleSelected = roleSelect.options[roleSelect.selectedIndex].value;
      values.push(roleSelected);
    }
    google.script.run.withSuccessHandler(() => {google.script.host.close()}).rolesInputer(values);
  }
  saveInput();
</script>

模式 2：

在此模式中，使用 for 循环将每个值发送到 Google Apps 脚本。当您测试此模式时，请进行如下修改。

Google Apps 脚本：

在此模式中，Google Apps 脚本不会被修改。

HTML 和 Javascript：

在此示例中，当打开 HTML 时，脚本会运行。

<select id="role1"><option value="role1" selected>role1</option></select>
<select id="role2"><option value="role2" selected>role2</option></select>
<select id="role3"><option value="role3" selected>role3</option></select>
<select id="role4"><option value="role4" selected>role4</option></select>
<select id="role5"><option value="role5" selected>role5</option></select>

<script>
  function work(roleSelected, i) {
    return new Promise((resolve, reject) => {
      google.script.run.withSuccessHandler(() => resolve()).rolesInputer(roleSelected, i);
    });
  }

  async function saveInput() {
    var dataEncoded = 5;
    for (var i = 1; i <= dataEncoded; i++) {
      var temprole = "role" + (i);
      var roleSelect = document.getElementById(temprole);
      var roleSelected = roleSelect.options[roleSelect.selectedIndex].value;
      await work(roleSelected, i);
    }
  }

  saveInput().then(() => google.script.host.close());
</script>

注意：

• 考虑流程成本时，我认为模式1更好。

参考资料：

• google.script.run

  google.script.run 是一种异步客户端 JavaScript API，可用于 HTML 服务页面，可以调用服务器端 Apps 脚本函数。

如果这对您的情况没有帮助，我深表歉意。