[GAS][Ui]標準ボタンを実装するには: 逆引きGoogle Apps Script

▼サンプルスクリプト

function doGet() {
  var app = UiApp.createApplication(); 
  var hPanel = app.createHorizontalPanel();
 
  var normalButton = app.createButton('保存');
  var disabledButton = app.createButton('無効').setEnabled(false);
  var buttonWithHtml = app.createButton('強調');
  var buttonWithCss = app.createButton('css').
       setStyleAttribute('padding', '10px 10px 10px 10px');
  var buttonWithTitle = app.createButton().
       setTitle('これはボタンです').setText('title属性付き');

  hPanel.add(normalButton);
  hPanel.add(disabledButton);
  hPanel.add(buttonWithHtml);
  hPanel.add(buttonWithCss);
  hPanel.add(buttonWithTitle);
 
  app.add(hPanel);
 
  return app;
}

構文

createButton()

createButton(html)

createButton(html, clickHandler)

このようなHTMLに展開される

パラメータ

html

<button>タグと</button>タグの間に出力するhtml。例えば<strong>保存</strong>をパラメータとして指定すると、
<button class=”gwt-Button” type=”button”><strong>保存</strong></button>が展開される。

clickHandler

クライアントハンドラまたはサーバハンドラを指定。ボタンクリック時のイベントを定義する場合は指定する。

公式ドキュメント

• method Create Button
• Class Button

関連記事

この投稿は 2012 年 4 月 4 日 水曜日 10:52 PM に Google Apps Script カテゴリーに公開されました。