时间戳

首页 > 解决方案 > 如何在 Javascript For 循环中调用 Google Script 函数

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

问题描述

我有一个 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();
}

标签： javascriptgoogle-apps-script

解决方案

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

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

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

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

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

模式一：

在此模式中，检索完所有值后，会将这些值发送到 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>

模式二：

在此模式中，使用 for 循环将每个值发送到 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 是 HTML 服务页面中可用的异步客户端 JavaScript API，可以调用服务器端应用程序脚本函数。

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

推荐阅读