Передать динамическую таблицу HTML в электронную таблицу

Question

У меня есть динамическая HTML-таблица, которую я хочу передать в Google Spreadsheet с помощью кода GS.

 <div class="container">       
      <table style="width: auto" id="myTable" class=" table order-list">
<!-- ### INICIO DO CODIGO DA TABELA TD = TABLE DATA / TR = TABLE ROW / TH = TABLE HEADING### -->
        <!-- CABEÇALHO -->
          <tr>
            <th>Ref.</th>
            <th>Produto</th>
            <th>Categoria</th>
            <th>Marca</th>
            <th>Tipo de Venda</th>
            <th>$ Etiqueta</th>
            <th>$ Real</th>
            <th>Quantidade</th>
          </tr>
          
          <!-- LINHAS -->
          <tr>
            <td><input type="text" name="refProd" size="10" /></td>
            <td><input type="text" name="nomeProd" size="30" /></td>
            <td><input type="text" list="categorias" name="catProd" size="15" /></td>
            <td><input type="text" list="marcas" name="fabProd" size="10" /></td>
            <td><input type="text"  list="carater" name="tipoVenda" size="15" /></td>
            <td><input type="number" name="vendaEtiqueta" /></td>
            <td><input type="number" name="vendaReal"/></td>
            <td><input type="number" name="qtd" /></td>
          </tr>
      </table>
      </div>

Я уже следовал этому ответу:

Передать таблицу HTML в таблицу Google. Получить значения ячеек из динамической таблицы

И дошел до того, что я сгенерировал массив в файле HTML, но я не знаю, как передать значения HTML в код GS, чтобы я мог добавить эти значения в электронную таблицу. Может кто-то помочь мне, пожалуйста? Я новичок в этом мире программирования.

Заранее спасибо.

Answer 1

Относительно вашего последнего вопроса ниже:

Это один из способов. Я склонен делать такие вещи на стороне сервера, а затем передавать его как объект в HTML-файл. Это некоторый код из моего предыдущего проекта. Он не предназначен для точного соответствия вашим потребностям, но вы можете использовать его в качестве отправной точки.

Google Script:

function htmlSpreadsheet(ssO)
{
  var br='<br />';
  var s='';
  var hdrRows=1;
  var ss=SpreadsheetApp.openById(ssO.id);
  var sht=ss.getSheetByName(ssO.name);
  var rng=sht.getDataRange();
  var rngA=rng.getValues();
  s+='<table>';
  for(var i=0;i<rngA.length;i++)
  {
    s+='<tr>';
    for(var j=0;j<rngA[i].length;j++)
    {
      if(i<hdrRows)
      {
        s+='<th id="cell' + i + j + '">' + '<input id="txt' + i + j + '" type="text" value="' + rngA[i][j] + '" size="20" onChange="updateSS(' + i + ',' + j + ');" />' + '</th>';
      } 
      else
      {
        s+='<td id="cell' + i + j + '">' + '<input id="txt' + i + j + '" type="text" value="' + rngA[i][j] + '" size="20" onChange="updateSS(' + i + ',' + j + ');" />' + '</th>';
      }
    }
    s+='</tr>';
  }
  s+='</table>';
  s+='</body></html>';
  var namehl=Utilities.formatString('<h1>%s</h1>', ss.getName());
  var shnamehl=Utilities.formatString('<h2>%s</h2>', sht.getName());
  var opO={hl:s,name:namehl,shname:shnamehl};
  return opO;
}

Это Javascript, который его называет:

$(function() {//requires appropriate JQuery resource or you could us windows.onload

      google.script.run
         .withSuccessHandler(updateSelect)
         .getAllSpreadSheets();
    });

Это Javascript, который обновляет электронную таблицу:

function updateSS(i,j)
{
  var str='#txt' + String(i) + String(j);
  var value=$(str).val();
  var ssId=$('#sel1').val();
  var name=$('#sel2').val();
  var updObj={rowIndex:i,colIndex:j,value:value,id:ssId,name:name};
  $(str).css('background-color','#ffff00');
  google.script.run
     .withSuccessHandler(updateSheet)
     .updateSpreadsheet(updObj);
}

и это скрипт Google, который обновляет электронную таблицу:

function updateSpreadsheet(updObj)
{

  var i=updObj.rowIndex;
  var j=updObj.colIndex;
  var value=updObj.value;
  var ss=SpreadsheetApp.openById(updObj.id);
  var sht=ss.getSheetByName(updObj.name);
  var rng=sht.getDataRange();
  var rngA=rng.getValues();
  rngA[i][j]=value;
  rng.setValues(rngA);
  var data = {'message':'Cell[' + Number(i + 1) + '][' + Number(j + 1) + '] Has been updated', 'ridx': i, 'cidx': j};
  return data;
}