打开另一个项目(边框布局)ExtJS4时切换项目

时间:2013-11-21 15:26:48

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

我的目标很明确,而且(似乎)很简单! 如果你看一下这个例子:http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/layout/complex.html 然后在“中心面板”选项卡中单击,您将看到一个旨在打开/关闭西区域项目的按钮。 我在我的应用程序中尝试了相同的操作并且运行良好。

现在,我想要的是,当有人点击“中心面板”标签时,西区会自动切换。 有可能吗?

我希望我尽可能清楚。 我无法弄清楚。 PS:如果需要,我可以提供一些代码。

先谢谢。

1 个答案:

答案 0 :(得分: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();
                    }
                }
            }]
        }]
    });
});