app.js

/**
 * app.js
 */

// オブジェクト領域を確保する
goog.provide("app");
goog.provide("app.Base");
goog.provide("app.Page");

goog.require("goog.dom"); // DOM関連ライブラリを読み込む
// ボタン関連のパッケージを読み込む
goog.require('goog.ui.Button');
goog.require('goog.ui.ButtonRenderer');
goog.require('goog.ui.ButtonSide');
goog.require('goog.ui.CustomButton');
goog.require('goog.ui.CustomButtonRenderer');
// イベント関連のパッケージを読み込む
goog.require('goog.events');
goog.require('goog.events.EventType');


app.Base = function() {
    
};

app.Page = function() {
    var content_elm = goog.dom.getElement('content'); // #contentを取得
    goog.dom.setTextContent(content_elm, "Hello! Closure."); // テキストをセット
    this.initButtons();
};
goog.inherits(app.Page, app.Base);
goog.addSingletonGetter(app.Page);

app.Page.prototype.initButtons = function() {
    // alert("ボタンを初期化");
    var area = goog.dom.getElement("buttons"); // #buttons要素を取得

    // Button!ボタンを表示
    var button1 = new goog.ui.CustomButton("Button!");
    button1.setCollapsed(goog.ui.ButtonSide.END);
    goog.events.listen(button1, goog.ui.Component.EventType.ACTION, function(event) {
        var newCaption = window.prompt('Enter new caption for button:');
        button1.setCaption(newCaption || 'Empty'); // キャプションを更新
    });
    button1.render(area);

    // ボタン2を表示
    var button2 = new goog.ui.CustomButton("Button2");
    button2.setCollapsed(goog.ui.ButtonSide.BOTH);
    button2.render(area);
    // ボタン3を表示
    var button3 = new goog.ui.CustomButton("Button3");
    button3.setCollapsed(goog.ui.ButtonSide.BOTH);
    button3.render(area);
    // ボタン4を表示
    var button4 = new goog.ui.CustomButton("Button4");
    button4.setCollapsed(goog.ui.ButtonSide.START);
    button4.render(area);
};