MODx の管理画面ツールバーにボタンを追加する

MODx の管理画面をカスタマイズした時のメモです。 最後の doLayout() が分からなくてハマったので注意。

MODx.on('ready', function() {

    var buttons = [];
    buttons.push({
        text: 'hello',
        handler: function () {
            alert('hello'); // 実行させたい処理をここに書く
        }
    });

    var toolBar = Ext.getCmp('modx-action-buttons');

    // この toolBar は Ext.Toolbar クラスなので対応するメソッドが使えます。
    // http://extdocs.xenophy.com/?class=Ext.Toolbar

    toolBar.addButton(buttons); // 最後に追加
    // toolBar.insertButton(3, buttons); // 3 番目に追加

    toolBar.doLayout(); // 描画し直す
}