从 HTML 页面更改电子表格中的值答案

【问题标题】：Changing values in a spreadsheet from HTML page从 HTML 页面更改电子表格中的值
【发布时间】：2015-08-28 20:15:46
【问题描述】：

我在创建带有自定义 GUI 的 HTML 页面时遇到困难，该 GUI 显示来自可编辑的电子表格的数据。

一个简单的例子，假设我们的电子表格“Sheet1”中有一个值，位于“A1”位置，它说“你好”，就是这样。然后在网页上出现一个文本字段，其中“Hello”已设置为该文本输入字段，所以现在您可以将文本更改为“Ohoy”，在输入字段旁边有一个按钮显示“保存”然后将电子表格“A1”中的相应单元格设置为输入字段中输入的内容，在本例中为“Ohoy”

谁能帮我解决这个问题？我读过有人做过，我只是不太清楚它的 ecact 编码。

【问题讨论】：

标签： html user-interface google-apps-script google-sheets

【解决方案1】：

您需要在 appscript 中创建一个函数，以及显示输入字段的 html。

在 GS (Google AppScript) 中，您将需要一个函数来显示 HTML，还需要另一个函数来设置从输入字段 (editContents) 发送的值。这是gs的代码：

function doGet()
{
  return HtmlService.createHtmlOutputFromFile('Index')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

function editContents(text)
{
  var ss = SpreadsheetApp.openById("ID_of_your_Spreadsheet");
  var activeCell = ss.getActiveCell();
  activeCell.setValue(text);
}

在您的 Html 中，您只需要输入和一个按钮。使用 google.script.run 访问 gs 中定义的函数。

<html>
  <body>
  <input type="text" name="text" id='txtEdit'><br>
  <input type="button" value="Save"
  onclick="google.script.run.editContents(document.getElementById('txtEdit').value)">
  </body>
</html>

【讨论】：

谢谢，这对我帮助很大！我现在缺少的是用电子表格中的值预填充输入字段中的文本？