Question

您好我是ExtJs的新手，正在开发一个带边框布局的项目。我想创建一个事件，以便在单击中心区域或获得焦点时，所有其他区域都会崩溃。我需要创建什么类型的听众？我会把它放在哪里？

Answer 1

您可以向中心区域添加事件监听器。您正在寻找的事件是“重点关注”。

有多种方法可以引用边框布局的区域。我在下面列出了一个。获得参考后，您可以调用其折叠方法。

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'     
}]

ExtJs边框布局单击时隐藏所有区域

1 个答案: