appendRow() 不可靠(覆盖 'heavy' 电子表格中现有的 value/row)

appendRow() is not reliable (overwrite existing value/row in 'heavy' spreadsheet)

我把视频link放在下面来解释这个案例。我有将数据写入 google sheet 的应用程序脚本。我有一些按钮,每当我按下它时,它们都会将数据发送到 google sheet。我使用 appendRow() 方法将数据添加到 table/sheet。我在每次单击后禁用该按钮并使用 withSuccessHandler() 重新启用该按钮(如视频中所示)。

在我的 spreadsheet 中,我使用了很多条件格式和很多公式(我将其称为 'heavy' spreadsheet)。当我使用 appendRow() 时,一些数据会覆盖之前的数据。我怀疑会发生这种情况,因为在 'heavy' sheet 中,当插入第一个数据时, return 关于最后一行位置和之前的信息(令牌)需要相当长的时间'last row'信息已准备好,下一个数据已经到来,最终将replace/overwrite之前的数据。

不用很多公式,用spreadsheet就没有问题了。这是一个错误吗?还是我做错了什么?

视频link: https://youtu.be/25Kjzk-yjYI

code.gs

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('UPLOAD');
}

function submitUpload(shotid){
  Logger.log(shotid);
  var ssid = "1EgFPSz2IoJDc1HfU9G2iX_PmwXMgBvY-M8YcsQfsTMQ"; // temp sheet
  var SS = SpreadsheetApp.openById(ssid);
  var Usheet = SS.getSheetByName("UPLOADSTACK");  
  Usheet.appendRow([shotid]);
}

UPLOAD.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="buttoncontainer"></div>
    <script>
        function upload(val) {
            document.getElementById("button_" + val).disabled = true;
            google.script.run.withSuccessHandler(function () {
                document.getElementById("button_" + val).disabled = false;
            }).submitUpload(val);
        }

        var buttoncontainer = document.getElementById("buttoncontainer");
        values = ["GOL_101_019_010", "GOL_101_019_020", "GOL_101_019_030", "GOL_101_019_040", "GOL_101_019_050"];
        for (const val of values) {
            var button = document.createElement("button");
            button.id = "button_" + val;
            button.addEventListener("click", function () {
                upload(val);
            });
            button.textContent = val;
            buttoncontainer.appendChild(button);
            buttoncontainer.insertAdjacentHTML("beforeend", "<br><br>");
        }
    </script>
</body>

</html>

在 appendRow 之后,您可以使用 SpreadsheetApp.flush() 来应用所有未决的更改:

  Usheet.appendRow([shotid]);
  SpreadsheetApp.flush();

我还建议使用 LockService。对其作用的描述 -

This service allows scripts to prevent concurrent access to sections of code. This can be useful when you have multiple users or processes modifying a shared resource and want to prevent collisions.

因此您最终的 submitUpload 函数将如下所示(根据需要修改您的 return 错误消息):

function submitUpload(shotid){
  Logger.log(shotid);
  var ssid = "1EgFPSz2IoJDc1HfU9G2iX_PmwXMgBvY-M8YcsQfsTMQ"; // temp sheet
  var SS = SpreadsheetApp.openById(ssid);
  var Usheet = SS.getSheetByName("UPLOADSTACK");  

  var lock = LockService.getScriptLock();
  try {
      lock.waitLock(30000);
  } catch (e) {
      Logger.log('Could not obtain lock after 30 seconds');
      return HtmlService.createHtmlOutput("<b>Server busy, please try again later <p>");
  } 

  Usheet.appendRow([shotid]);
  SpreadsheetApp.flush();
  lock.releaseLock();    
}