Google関連

[Google Apps Script]スプレッドシート上にウィンドウを表示する(2)

  • Google Apps Scriptでスプレッドシート上にウィンドウ(パネル)を表示します。
  • createVerticalPanelメソッドでパネルを生成し、addメソッドでボタン等のパーツを追加します。
  • createServerHandlerメソッドでクリック時に関数が実行されるように結び付けを行います。
function onOpen(e){
    showContentApp();
}

function showContentApp(){
    var app = UiApp.createApplication().setTitle('Sample App');
    var pnl = app.createVerticalPanel();
    var btn = app.createButton('OK', app.createServerHandler('onClick'));
    pnl.add(btn);
    app.add(pnl);
    SpreadsheetApp.getActiveSpreadsheet().show(app);
}

function onClick(e){
    SpreadsheetApp.getActiveRange().setValue(e);
}

GoogleAppsScript_04_01

【編集後記】

前回の記事ではウィンドウ(パネル)の内容をHTMLから読み込む形にしましたが、今回はcreateVerticalPanelメソッドでパネルを生成してみました。

ボタンクリック時の反応は今回の方が速いのかと思っていましたが、実際にやってみるとそこまで差はないように思いました。
であれば、個人的にはHTMLで中身を作ってしまった方が楽なような気がするのですが、このあたりはGASに詳しい方はどのように実装されるのか気になるところです。

[Google Apps Script]スプレッドシート上にウィンドウを表示する前のページ

[Google Apps Script]jQuery UIのDatepickerを使ってスプレッドシートのセルに日付を入力する次のページ

関連記事

  1. Google関連

    【2018年9月版】Google API ConsoleでクライアントIDとクライアントシークレット…

    GoogleのAPIを呼び出すにあたり、クライアントIDとクライアント…

  2. Google関連

    [Google Apps Script]Google ドライブにある画像をスライドに一括挿入する

    前回の記事では、Google ドライブにある1つの画像ファイルをスライ…

  3. Microsoft Graph

    [Google Apps Script]Office 365 unified APIを使ってメールを…

    久しぶりのGoogle Apps Scriptネタです。今回はGo…

  4. 情シス

    [Google Apps Script]メールをemlとして保存する

    今回の記事は「情シスSlack Advent Calendar 201…

  5. Power Automate

    Google Apps ScriptとPower Automateの連携事例紹介

    今回の記事は、ガイアックスさん主催のイベント「Google Apps …

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

Time limit is exhausted. Please reload CAPTCHA.

※本ページはプロモーションが含まれています。

Translate

最近の記事

アーカイブ

PAGE TOP