Tengo unas script que lee la información de una spreadsheet, y la muestran en HTML. Trato de adaptarle un botón que active la actualización de la información cuando se ejecuten cambios en la hoja de cálculo. Sólo logro se ejecute la parte de window.location.reload(true);
. Pero la data no se actualiza.
Éstos son los códigos:
function doGet() {
return HtmlService
.createTemplateFromFile('Index')
.evaluate()
.setSandboxMode(HtmlService.SandboxMode.IFRAME);
}
function getData() {
return SpreadsheetApp
.openById('IDdelaspreadsheet')
.getActiveSheet()
.getDataRange()
.getValues();
}
function onSubmit(e){
doGet();
getData();
}
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<? 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>
// no es del código original. Aquí trato de incluir el botón
<form>
<input onclick="MostrarResultados()" type="button" value="Mostrar" />
</form>
<script type="text/javascript">
function MostrarResultados() {
google.script.run.onSubmit();
window.location.reload(true);
}
</script>
// hasta aquí la parte que inserto, no es del código original
</body>
</html>