Question

使用Google Apps Script + GUI API，如何构建数据网格？

我正在尝试构建一个对象，以显示从电子表格到Google网站的范围，包含标题列，数据，点击标题列，订购数据..以及滚动条。

你可以告诉我一些构建它的指针吗？

Answer 1

我没有使用谷歌应用程序脚本，但我认为谷歌可视化API将适用于为您创建数据网格。

Google Charts / Google Visualization api

Answer 2

您可以访问Google Apps脚本中的可视化服务的子集，这些服务以Charts Services的形式提供。您Class TableChart中提供了您要求的行为。

这是Class TableChartBuilder文档中显示的示例，它创建了一个简单的TableChart。

function doGet() {
  // Get sample data from a spreadsheet.
  var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AF' +
      '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1';

  var chartBuilder = Charts.newTableChart()
      .setDimensions(600, 500)
      .enablePaging(20)
      .setDataSourceUrl(dataSourceUrl);

  var chart = chartBuilder.build();
  return UiApp.createApplication().add(chart);
}

要在Google网站中使用它，请先将脚本发布为网络应用。然后，在您的网站中，编辑要嵌入TableChart的页面，并添加Google Apps脚本小工具。编辑小工具，然后粘贴已发布的Apps脚本的网址。您可以根据需要为小工具设置其他属性。

Building a Sites Application教程中提供了更多详细信息，尤其是Section 4和Section 5

如何使用谷歌应用程序脚本构建数据网格？

2 个答案: