web-dev-qa-db-ja.com

動的なGoogleサイトのウェブページのデータソースとしてGoogleドキュメントスプレッドシートを使用する

Google DocsSpreadsheetにフィードするGoogleフォームがあります。次に、Google DocsSpreadsheetでウェブページにフィードしてもらいたいと思います。

わかりやすい英語で、ベビーシッターはフォームに記入して、コミュニティのベビーシッターディレクトリに登録します。スプレッドシートにはすべてのデータが格納されています。オンラインディレクトリのデータの選択されたビットをプルするWebページをコーディングしたいと思います。

スプレッドシートで別のシートを作成し、QUERYを使用して含める列(およびそれらを含める順序)を選択し、そのシートをWebに公開してから、そのシートをに埋め込んでみました。 iFrameのWebページ。そしてそれはうまくいきます。

ただし、QUERYを使用しても、SO多くの列があり、ユーザーは各ベビーシッターのすべてのデータを表示するために右にスクロールする必要があります。扱いにくいです。

各エントリのデータを複数行に分割し、単なる線形スプレッドシートではなく、ディレクトリに対していくつかの適切なフォーマットを実行できれば、はるかに良いでしょう。そのため、基本的に、ディレクトリ内の各ベビーシッターの「エントリ」は1行以上の長さになります。それは理にかなっていますか?

Officeで作業している場合は、何をすべきかを正確に知っています。ExcelスプレッドシートをWordの差し込み印刷のデータソースとして使用し、ページ上でフィールドを移動してすべての見栄えを良くします。

そして、確かに、これをGoogleドキュメントで実行できれば、そのドキュメントをWebページに埋め込むこともできます。しかし、私はそれをグーグルサイトで直接行うことができるいくつかの方法があると思いますか?

できますか?

誰かが私が見るためのリファレンスページさえ持っているなら、私はそれをいただければ幸いです。

ありがとう!

10
doebtown

Googleサイトでこれを実行しようとしていますか?その場合は、スプレッドシート全体をページに埋め込むことができますが、特定の列のみが必要な場合は、AppsScriptウィジェットをページに挿入してみてください。

JS関数を実行してHTMLをレンダリングするGoogleApps Scriptの作成方法を知っておく必要があります チュートリアルはこちら

ページで実行できるスクリプトを作成するには、次の場所に移動します。

More > Manage site > Apps Script > Add new script

スプレッドシートデータと対話する の方法へのリンクもあります。

5
OnenOnlyWalter

やりたいことは、多かれ少なかれ、スプレッドシートを「データホルダー」として使用するデータベースインターフェイスです。プログラミングスキルに応じて、非常に簡単な場合と非常に難しい場合があります... 例を示します ofこのようなWebアプリでは、フィールドと機能が多すぎる可能性がありますが、一般的な考え方は同じです(クイック検索ツールと結果を表示するウィンドウ)。それはあなたが考えていたことですか?

もしそうなら、私はあなたが始めるのを助けるためにコードを共有することができます、しかしあなたがjavascriptに精通していないなら、それはおそらくやり遂げるのにあまりにも多くの努力を必要とするでしょう。

0
Serge insas