ExtJs边界布局隐藏所有区域点击

Question

嗨，我是ExtJs的新手，我正在做一个有边框布局的项目。我想创建一个事件，以便当单击中心区域或接收焦点时，所有其他区域都会崩溃。我应该创建什么类型的监听器，我应该把它放在哪里?

Answer 1

您可以向中心区域添加事件侦听器。你正在寻找的事件是"焦点"。

有多种方法可以获取边框布局区域的引用。我在下面列出了一个。一旦有了引用，就可以调用它的collapse方法。

xtype: 'container',
itemId: 'mycontainer',  
layout: {
    type: 'border' 
},
items: [{
    xtype: 'panel',
    title: 'My Center Panel',
    region: 'center',
    listeners:{
        focus: function( pan, event, eOpts ){
            var container = pan.up('#mycontainer');
            container.down('panel[region=north]').collapse();
            container.down('panel[region=east]').collapse();
        }
    }
},{
    xtype: 'panel',
    title: 'My North Panel',
    region: 'north'
},{
    xtype: 'panel',
    title: 'My East Panel',
    region: 'east'     
}]