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());
            }
        }
    }]
});

 

效果图：

 

当点击左侧按钮展开子菜单面板时，弹出提示框，说明监听成功。