[英].gs/.html - Google Apps Script as a Web App using Form Elements, Html Service and a spreadsheet
我目前正在尝试从“网络应用程序”角度学习一些“ Google Apps脚本”基础知识。 我想使用“ HTML服务”,因为旧的“ UI服务”现在已折旧。
基本上,我要完成的工作是在“名称”文本输入框中键入一个名称,然后单击“提交”按钮,然后应使用输入的值填充电子表格。 我认为下面的代码接近我需要的代码,但是我不确定如何将它们绑在一起,因此表单元素可以与.gs代码一起使用。
目前,我发布的代码在打开时会在电子表格的适当位置写入一个值。
任何帮助将不胜感激。 index.html
<div>
<? var submit = insertInSS(); ?>
<p>Add a Name:</p>
<input type="text" name="name">
<input type="submit" name="submit" value="Submit">
<hr>
<? var data = getData(); ?>
<table>
<? for (var i = 0; i < data.length; i++) { ?>
<tr>
<? for (var j = 0; j < data[i].length; j++) { ?>
<td><?= data[i][j] ?></td>
<? } ?>
</tr>
<? } ?>
</table>
</div>
我的code.gs如下所示
var submissioSSKey = '1234567890abcdefghijklmnopqrstuvwkyz';
function doGet() {
return HtmlService
.createTemplateFromFile('index')
.evaluate()
.setSandboxMode(HtmlService.SandboxMode.IFRAME);
}
function getData() {
return SpreadsheetApp
.openById(submissioSSKey)
.getActiveSheet()
.getDataRange()
.getValues();
}
function insertInSS(){
var ss = SpreadsheetApp.openById(submissioSSKey);
var sheet = ss.getActiveSheet();
var lastRow = ss.getLastRow();
var cell = sheet.getRange(lastRow+1, 1, 1,1);
cell.setValue("name");
}
问候,
克里斯
通常,“提交”按钮与“表单”一起使用。 您在表单中没有“提交”按钮。 注意第一个FORM标签中的onsubmit
事件侦听器。 您无需将触发器配置为以这种方式运行脚本,还有其他方法。
<div id="inputDiv">
<form id="inputForm" onsubmit="fncWriteInputData()">
<label>Some Label Text Here:</label>
<br>
<input type="text" tabindex="1" id="idFirstInput" class="inptFld" placeholder="Msg To User Here" required><br />
<label>Label Two Here:</label>
<br>
<input type="text" tabindex="2" id="idInputTwo" class="inptFldSgn" required><br />
<input type="submit" tabindex="3" id="btnSubmitInput" value="Click To Submit">
</form>
</div>
<script>
window.fncWriteInputData=function(){
console.log("fncWriteInputData ran");
google.script.run
.fncRunAppScript(); //Runs server side .gs function
</script>
function fncRunAppScript() {
Code here . . .
return someValue;
};
这是一些基本结构。 您将需要对其进行修改和更正。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.