如何读取Google表格单元格并将其显示为HTML表单

时间:2019-07-28 03:14:41

标签: javascript google-apps-script google-sheets-api

这将作为Web应用程序部署,我需要从Google表格文档中获取一系列值并将其显示在HTML表单上。

我需要从temp变量获取单元格值,并将其传递给文本形式。到目前为止,我已经有了应用程序脚本的代码,但是我不知道如何将其传递给HTML表单。

Code.gs // Google App脚本的代码

function getValues() 
{

  var app = SpreadsheetApp;
  var activeSheet = app.getActiveSpreadsheet().getActiveSheet();

  var temp = activeSheet.getRange("A1:C1").getValues();

  Logger.log(temp); //I need to get the values from the temp variable and pass it to the text forms.
}

Index.html // HTML索引页面

<form>
  A1:<br>
  <input type="text" name="a1" value="">
  <br>

  B1:<br>
  <input type="text" name="b1" value="">
  <br>

  C1:<br>
  <input type="text" name="b1" value="">

  <br><br>
  <input type="submit" value="Fetch">
</form>

1 个答案:

答案 0 :(得分:0)

这是您的操作方式

  

GS文件

function getValues() 
{

  var app = SpreadsheetApp;
  var activeSheet = app.getActiveSpreadsheet().getActiveSheet();
  var temp = activeSheet.getRange("A1:C1").getValues();       
  return temp;
}

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

HTML文件

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>  
  <? var temp = getValues(); ?>  
  <form>
  A1:<br>
  <input type="text" name="a1" value=" <?= temp[0][0] ?> ">
  <br>
  B1:<br>
  <input type="text" name="b1" value=" <?= temp[0][1] ?> ">
  <br>
  C1:<br>
  <input type="text" name="b1" value=" <?= temp[0][2] ?> ">
  <br><br>
  <input type="submit" value="Fetch">
  </form> 
  </body>
  </html>

打印清单<? ?>允许您评估HTML代码中的Apps脚本变量,甚至可以直接访问打印清单中的电子表格内容。请找到here的更多信息以打印片段。