如何在边栏中以及<script>中使用Google表格数据？

Question

我目前正在使用以下教程在边栏中显示google表格数据：”>：//yagisanatode.com/2018/02/12/how从Google表格中获取内容并在google-apps-script /＃more-219

的侧边栏中显示它

但是，我想在html文件中添加一个“ for”循环以显示多个复选框（请参见下面的代码）。最终，我想从电子表格中将数字“ 16”更改为“ rangeResult”值。您可以提供有关此操作的建议吗？

Code.gs-功能

  function numEarlyRelease（）{
  var doc = SpreadsheetApp.openById（“ 1OF6Y1CTU9dkIgd1P-nw-5f2lqHSS5cGZytndwzJhw-o”）;
  var ss = SpreadsheetApp.getActiveSpreadsheet（）;
  var numValues = ss.getRange（'R19'）。getValue（）;
  返回numValues;
}
 

Page.html文件

  <！DOCTYPE html>

 <头>
   
   
 
  <身体>
    
  

    
 
    <脚本>
    函数addRange（rangeStartEnd）{
      $（'＃rangeResult'）。text（rangeStartEnd）;
    };
    对于（var i = 1; i <= 16; i ++）{
      document.write（'
 '+ i）;
    }

    google.script.run.withSuccessHandler（addRange）.numEarlyRelease（）;
    

    
 
    
  

 

谢谢您的帮助！

Answer 1

函数调用-

google.script.run.withSuccessHandler(addRange).numEarlyRelease();

表示如果函数numEarlyRelease()返回一个值，在这种情况下为numValues，它可用作函数addRange()的参数。 addRange()采用参数rangeStartEnd，因此其值为numValues。您可以随意使用它。例如，如果是数字-

for (var i = 1; i <=rangeStartEnd; i++) {
  document.append('<br><input type="checkbox" name="scores" id="i" value="i">'+ i);
}

注意：除非要覆盖页面中的所有内容，否则请勿使用document.write()。

Answer 2

谢谢您的建议！下面是我的解决方案。 （我已经更改了一些变量的名称以适合我的项目。）

Code.gs

GET https://management.azure.com/subscriptions/{subscriptionId}/resourceGroups/{resourceGroupName}/providers/Microsoft.Compute/virtualMachines?api-version=2018-06-01

Page.html

{
  "value": [
             {
               // ignore

               "id": "/subscriptions/{subscriptionsID}/resourceGroups/test-resource-group/providers/Microsoft.Compute/virtualMachines/my-vmname",
               "name": "my-vmname"
             }
  ]
}