Fatal编程技术网

Google apps script 如何在HTML中从google工作表导入数字

google-apps-script

Google apps script 如何在HTML中从google工作表导入数字,google-apps-script,Google Apps Script,如何从谷歌表导入数字 我有一些谷歌表中的数字，并希望在HTML网络应用程序填充。 下面是HTML代码，提供一些提示帮助 我分享谷歌表作为参考，并附上HTML页面视图（图像）以更好地理解 W3.CSS模板 html，正文，h1，h2，h3，h4，h5{字体系列：“Raleway”，无衬线} 菜单 供应商管理团队 欢迎， $（函数（）{ google.script.run .withSuccessHandler（电子邮件） .getCurrentUserEmail（）； });//加载d

如何从谷歌表导入数字

我有一些谷歌表中的数字，并希望在HTML网络应用程序填充。 下面是HTML代码，提供一些提示帮助

我分享谷歌表作为参考，并附上HTML页面视图（图像）以更好地理解


W3.CSS模板
html，正文，h1，h2，h3，h4，h5{字体系列：“Raleway”，无衬线}
菜单
供应商管理团队


欢迎，

$（函数（）{
google.script.run
.withSuccessHandler（电子邮件）
.getCurrentUserEmail（）；
});//加载dom后运行
功能邮件（数据）
{
$（'#email'）.text（data.email）；//将的电子邮件放入h1标记中
}
log（“我的代码”）；




仪表板
我的仪表盘
52
打开
99
持有
23
在制品
50
关闭
内部应用
//获取侧边栏
var mySidebar=document.getElementById（“mySidebar”）；
//获得具有叠加效果的DIV
var overlayBg=document.getElementById（“myOverlay”）；
//在显示和隐藏侧边栏之间切换，并添加覆盖效果
函数w3_open（）{
if（mySidebar.style.display==='block'）{
mySidebar.style.display='none'；
overlayBg.style.display=“无”；
}否则{
mySidebar.style.display='block'；
overlayBg.style.display=“block”；
}
}
//用关闭按钮关闭侧栏
函数w3_close（）{
mySidebar.style.display=“无”；
overlayBg.style.display=“无”；
}
这是一个简单的示例，说明如何将电子表格中的数据转换为简单的html文件。我使用一个对象将数据从服务器移动到客户端。如果你想让doGet成为一个web应用程序，我还提供了doGet

Code.gs文件：

function getVals(range)
{
  var ss=SpreadsheetApp.getActiveSpreadsheet();
  var sht=ss.getActiveSheet();
  var rng=sht.getRange(range);
  var rngA=rng.getValues();
  var data = {};
  for(var i=0;i<rngA.length;i++)
  {
    data[rngA[i][0]]=rngA[i][1];
  }
  return data;
}

function displayThisDialog()
{
  var userInterface=HtmlService.createHtmlOutputFromFile('index10').setWidth(400).setHeight(450);
  SpreadsheetApp.getUi().showModelessDialog(userInterface, 'Get Vals');
}

function doGet()
{
  var html = HtmlService.createHtmlOutputFromFile('index10');
  return html.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL)
}

函数getVals（范围）
{
var ss=SpreadsheetApp.getActiveSpreadsheet（）；
var sht=ss.getActiveSheet（）；
var rng=短程getRange（范围）；
var rngA=rng.getValues（）；
变量数据={}；
对于（var i=0；i

<!DOCTYPE html>
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
    $(function() {
    google.script.run
      .withSuccessHandler(dispVals)
      .getVals('A1:B4');
     });
     function dispVals(data)
     {
         $('#val0').text('WIP= ' + data.WIP);
         $('#val1').text('Open= ' + data.Open);
         $('#val2').text('Closed= ' + data.Closed);
         $('#val3').text('Hold= ' + data.Hold);
     }
     console.log('My Code');
    </script>
  </head>
  <body>
    <h1 id="val0"></h1>
    <h1 id="val1"></h1>
    <h1 id="val2"></h1>
    <h1 id="val3"></h1>
  </body>
</html>