Google Apps Script + GUI API を使用して、データグリッドを構築するにはどうすればよいですか?
タイトル列、データ、タイトル列のクリック、データの並べ替え、スクロールバーを使用して、スプレッドシートから Google サイトへの範囲を表示するオブジェクトを構築しようとしています。
それを構築するための指針を教えてください。
Google Apps Script + GUI API を使用して、データグリッドを構築するにはどうすればよいですか?
タイトル列、データ、タイトル列のクリック、データの並べ替え、スクロールバーを使用して、スプレッドシートから Google サイトへの範囲を表示するオブジェクトを構築しようとしています。
それを構築するための指針を教えてください。
私は Google Apps スクリプトを使用していませんが、Google ビジュアライゼーション API がデータグリッドを作成するために機能すると思います。
Charts Servicesとして提供される Google Apps Script の可視化サービスのサブセットにアクセスできます。ご要望の動作は で利用できます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 サイトで使用するには、まずスクリプトを Web アプリとして公開します。次に、サイトで TableChart を埋め込むページを編集し、Google Apps Script Gadget を追加します。ガジェットを編集し、公開した Apps Script の URL を貼り付けます。ガジェットのその他のプロパティは、必要に応じて設定できます。
詳細については、Building a Sites Applicationチュートリアル、特にセクション 4とセクション 5を参照してください。