GAS网络应用表格到电子表格不会自动更新

问题描述

我已经使用GAS构建了一个网络应用，该应用将提交的数据发送到Google电子表格。

有时候，如果我不手动更新google电子表格，那么刚在表格中输入的数据就不会出现在电子表格中。

为什么？我需要添加的代码中缺少某些内容吗？

这是我的代码。gs：

function doGet(request) {
  return HtmlService.createTemplateFromFile('Index')
      .evaluate();
}

/* @Include JavaScript and CSS Files */
function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

/* @Process Form */
function processForm(formObject) {
  var url = "xxx";
  var ss = SpreadsheetApp.openByUrl(url);
  var ws = ss.getSheetByName("Data");
  
  ws.appendRow([formObject.azienda,formObject.test,formObject.field1,formObject.field2,formObject.field3]);
}

function sceltaatecoedatiseguenti() {
  var sheet   =  SpreadsheetApp.openById("xxx").getSheetByName("Sheet3");
  var lastRow = sheet.getLastRow();
  var myRange = sheet.getRange("A2:D" + lastRow);  // Modified
  var data    = myRange.getValues();
  var optionsHTML = "";
  for (var i = 0; i < data.length; i+=1) {
    optionsHTML += `<option data-values="${data[i][1]};${data[i][2]};${data[i][3]}">${data[i][0]}</option>`;  // Modified
  };
  return optionsHTML;
}

这是我的javascript.html：

<script>
  // Prevent forms from submitting.
  function preventFormSubmit() {
    var forms = document.querySelectorAll('form');
    for (var i = 0; i < forms.length; i++) {
      forms[i].addEventListener('submit',function(event) {
      event.preventDefault();
      });
    }
  }
  window.addEventListener('load',preventFormSubmit);    
      
      
  function handleFormSubmit(formObject) {
    google.script.run.processForm(formObject);
    document.getElementById("myForm").reset();
  }
  
  // Funzione scelta ateco e dati seguenti -prima parte-
  function setValues(select) {
  const [v1,v2,v3] = select.options[select.selectedIndex].dataset.values.split(";");
  document.getElementById("field1").value = v1;
  document.getElementById("field2").value = v2;
  document.getElementById("field3").value = v3;
}

  // Funzione scelta ateco e dati seguenti -seconda parte-
  const select = document.getElementById("test");
  setValues(select);
  select.addEventListener("change",() => setValues(select));
</script>

HTML：

<!DOCTYPE html>
<html>
    <head>
        <base target="_top">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    </head>
    <body>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12">
                    <form id="myForm" onsubmit="handleFormSubmit(this)">
                        <h1>Master Leads</h1>

                        <div class="form-row">
                            <div class="form-group col-md-12">
                                <label for="azienda">Azienda</label>
                                <input type="text" class="form-control" id="azienda" name="azienda" required="">
                            </div>
                            
                        <div class="form-group col-md-12">
                            <span class="badge badge-primary">Codici Ateco</span>
                        </div>
                            
                        <div class="form-group col-md-2">
                             <label for="test">Ateco 1</label>
                             <select class="custom-select" name="test" id="test">
                             <?!= sceltaatecoedatiseguenti(); ?>
                             </select>
                        </div>
                        
                        <div class="form-group col-md-10">
                            <label for="field1">Sottocategoria</label>
                            <input type="text" class="form-control" id="field1" name="field1" readonly>
                        </div>
                        
                        <div class="form-group col-md-8">
                            <label for="field2">Divisione</label>
                            <input type="text" class="form-control" id="field2" name="field2" readonly>
                        </div>
                        
                        <div class="form-group col-md-4">
                            <label for="field3">Sezione</label>
                            <input type="text" class="form-control" id="field3" name="field3" readonly>
                        </div>
                        
                    </div>

                        <button type="submit" class="btn btn-primary btn-block">Inserisci in Master Leads</button>
                    </form>
                    <div id="output"></div>
                </div>
            </div>      
        </div>
    </body>
    <?!= include('JavaScript'); ?>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-4 google-apps-script google-sheets web-applications