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. Power Automate

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

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

  2. Google関連

    Google Forms APIが正式リリースされたのでさっそく試してみました。

    アンケート等で使用する機会が多いGoogleフォームを、API経由で作…

  3. Microsoft Graph

    [Google Apps Script]Microsoft Graph APIを使ってMicroso…

    Microsoft Graph APIを使って、OneDriveにある…

  4. Google関連

    [Google Apps Script]サイドバーを表示する

    Google Apps Scriptでサイドバーを表示します。…

  5. Google関連

    [Google Apps Script]スプレッドシートで検索と置換を行う

    Google スプレッドシートには、検索と置換機能(Ctrl + F)…

  6. Google関連

    [Google Apps Script]Google フォームとkintoneを連携させる方法(添付…

    前回の記事では、GASを使ってGoogle フォームで入力された回答を…

コメント

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

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

Time limit is exhausted. Please reload CAPTCHA.

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

Translate

最近の記事

アーカイブ

PAGE TOP