ExtJs Accordion布局下監聽點擊Panel事件

由於Accordion只是應用於Panel的一種布局，因此沒有專門的事件。這里通過監聽子Panel的expand的事件來達到類似監聽點擊Panel事件的效果。

代碼如下：

new Ext.Panel({
    width: 225,
    region : 'center',
    layout: 'accordion',
    layoutConfig: {
        titleCollapse: true,
        animate: false,
        activeOnTop: false,
        hideCollapseTool: true
    },
    items : [{
        iconCls : moduleSetCss,
        id : moduleSetId,
        title: moduleSetText,
        items : configItemPanel,
        listeners : {
            'expand' : function(p) {
                alert("expand:" + p.getId());
            }
        }
    },{
        iconCls : moduleSetCss2,
        id :moduleSetId2,
        title: moduleSetText2,
        items : configItemPanel2,
        listeners : {
            'expand' : function(p) {
                alert("expand:" + p.getId());
            }
        }
    }]
});

 

效果圖：

 

當點擊左側按鈕展開子菜單面板時，彈出提示框，說明監聽成功。