打开另一个项目时切换一个项目（边框布局）ExtJS4答案

【问题标题】：Toggle an item when another item is opened (border layout) ExtJS4打开另一个项目时切换一个项目（边框布局）ExtJS4
【发布时间】：2013-11-21 15:26:48
【问题描述】：

我的目标很明确而且（似乎）很简单！如果你看这个例子：http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/layout/complex.html 并单击“中心面板”选项卡，您会看到一个按钮，旨在打开/关闭西部区域项目。我在我的应用程序中尝试了同样的方法，效果很好。

现在，我想要的是，当有人单击“中心面板”选项卡时，会自动打开西部区域。有可能吗？

我希望我尽可能清楚。我想不通。 PS：如果需要，我可以提供一些我的代码。

提前致谢。

【问题讨论】：

标签： javascript extjs extjs4 extjs4.2 border-layout

【解决方案1】：

如果我对您的理解正确，您希望在单击“中心面板”选项卡时展开西面板。如果是这样，您需要为中心面板的“激活”事件创建一个侦听器。

例如，请参阅此处的 jsFiddle：http://jsfiddle.net/52cSF/1/

Ext.onReady(function () {

    Ext.create('Ext.panel.Panel',{
        title:'mainpanel',
        layout:'border',
        height:500,
        width:600,
        renderTo:'mypanel',
        items:[{
            region:'west',
            width:200,
            title:'West',
            id: 'west-panel',
            collapsible:true,
            collapsed:true,
            html:'west html'
        },{
            xtype:'tabpanel',
            region:'center',
            title:'TabPanel',
            items:[{
                title:'Tab 1'
            },{
                title: 'Center Panel',
                listeners: {
                    activate: function(){
                        Ext.getCmp('west-panel').expand();
                    }
                }
            }]
        }]
    });
});

【讨论】：

正是我想要的 :) ！