ExtJS4でアコーディオンパネルが開かれる度にメッセージを表示したい

Question

ExtJS4で、アコーディオンパネルを使っています。
アコーディオンが開かれる度に、メッセージを表示させたい
のですが、どのようなイベントをキャッチすれば
いいのでしょうか？

Answer 1

listenersをitems(各Item)に定義すればいいでしょう。
以下、サンプルです。expand関数を定義しています。

Ext.define('AM.view.user.Accord', {
    extend: 'Ext.panel.Panel',
    alias : 'widget.useraccord',
    
    title : 'Accordion',
    
    layout: {
        type: 'accordion',
        align: 'stretch',
        animate: true,
        hideCollapseTool: true
    },
    
    width: 200,
    height: 400,
    
    items: [{
        xtype: 'panel',
        title: 'Test Volumes',
        listeners: {
            expand: function() {
                console.log('hogehoge');
            }
        },
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [{
            xtype: 'label',
            text: 'one'
            },{
            xtype: 'label',
            text: 'two'
            },{
            xtype: 'label',
            text: 'three'
        }]
    }]
});