Soy nuevo en el mundo de Apps Script actualmente estoy diseñando una WepApp la cual se compone de listas en html que conectan a Mysql, cuando pruebo individualmente mis listas pintan correctamente y sus iconos modifican y actualizan los datos, sin embargo el problema es cuando uno todas mis listas y las llamo a través de sus correspondiente url solo me pinta la ultima las otras quedan en blanco. Por ejemplo de 10 listas llamo la #2 el log me dice que llame la 10; llamo la 5 pasa igual y si llamo la 10 me pinta los datos y se dejan modificar.
Dentro de lo que he buscado encuentro que mi problema radica en la manera como renderizo mis paginas pero no logro encontrar el camino correcto, por lo cual pido su apoyo.
function doGet(e) {
var template ;
var view = e.parameters.v;
if(view == null){
template = HtmlService.createTemplateFromFile("Index");
}if(view == "Index"){
template = HtmlService.createTemplateFromFile("Index");
}if(view != null && view != "Index"){
template = HtmlService.createTemplateFromFile(view);
}
return template.evaluate()
.setTitle('Documental')
.setSandboxMode(HtmlService.SandboxMode.IFRAME)
.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}
function getTemplate(view){
return HtmlService.createTemplateFromFile(view);
}
y con este método JavaScript conecto mi cod appscript para pasarlo a mi html
window.onload = function () {
google.script.run
.withSuccessHandler(run_This_On_Success)
.withFailureHandler(onFailure)
.readAreaPRE();
};
function onFailure(error) {
var div = document.getElementById("output");
div.innerHTML = "ERROR: " + error.message;
}
function run_This_On_Success (readAreaPRE) {
let table = $("#selectTable");
table.find("tbody tr").remove();
table.append("<tr><td>" + "</td><td>" + "</td></tr>");
readAreaPRE.forEach(function (e1, readAreaPRE) {
table.append(
"<tr><td>" +
e1[0] +
"</td><td>" +
e1[1] +
"</td><td>" +
"<p><a class='modal-trigger' id=" + e1[0] + " href='#modal1' onclick='capturaid("+e1[0]+",'"+ e1[1]+"')'><i class='material-icons'>edit</i></a>" +
"<a class='modal-trigger' href='#modal3' onclick='capturaidsup("+e1[0]+")'><i class='material-icons'>delete</i></a></p>" +
"</td></tr>"
);
});
};
function capturaidsup(dato1){
$("#delAreaPRE").val(dato1)
}
function capturaid(item1,item2) {
$("#uptAreaPRE1").val(item1);
$("#uptAreaPRE2").val(item2);
}
createTemplateFromFile
no tiene sentido que el que usarwindows.onload
para llamargoogle.script.run
, en su lugar usa scriptlets. En la documentación oficial se incluyen ejemplos sencillos pero completos. -> developers.google.com/apps-script/guides/html/templates. Por otro lado tampoco veo que tenga sentido usar jQuery todo el tiempo. En cualquier caso si requieres una orientación más precisa agrega un ejemplo mínimo verificable.getTemplate
pues no es llamada en ninguna otra parte del código, por otro lado, en el caso de Google Apps Script es importante que indiques el nombre del archivo en el que se encuentra cada parte del código e incluyas todo lo que incluye el archivo. Recuerda, estamos hablando de que debe ser un ejemplo mínimo verificable