Question

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

一个简单的例子，让我们说我们的电子表格中有一个值＆＃34; Sheet1＆＃34;在位置＆＃34; A1＆＃34;它说＆＃34;你好＆＃34;，那就是它。然后在网页上出现一个文本字段，其中＆＃34; Hello＆＃34;已被设置为该文本输入字段，所以现在您可以更改文本，让我们说＆＃34; Ohoy＆＃34;在输入字段旁边有一个按钮，显示＆＃34; Save＆＃34;然后在电子表格中设置相应的单元格＆＃34; A1＆＃34;输入字段中输入的内容，＆＃34; Ohoy＆＃34;在这种情况下

任何可以帮助我的人？我已经读到人们已经做到了，我只是无法弄清楚它的编码。

Answer 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>

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

1 个答案: