边框布局中折叠的面板:标题点击时永久展开

时间:2012-09-14 06:37:59

标签: javascript extjs extjs4

我在边框布局中有2个面板。第二个是可折叠的配置'折叠'和'titleCollapse'设置。当我点击标题时,它只显示面板“临时”,这意味着它不会粘住,但在我点击窗口内的任何其他位置后会自动折叠。它有点漂浮......

工作示例:http://jsfiddle.net/suamikim/LNfm8/

Ext.onReady(function() {
    Ext.create('Ext.window.Window', {
        width: 500,
        height: 300,

        layout: 'border',

        items: [{
                xtype: 'panel',
                title: 'panel1',
                region: 'center',
                flex: 1
            },{
                xtype: 'panel',
                title: 'panel2',
                region: 'south',
                flex: 1,

                collapsible: true,
                collapsed: true,
                animCollapse: false,
                collapseDirection: Ext.Component.DIRECTION_BOTTOM,
                titleCollapse: true
        }]
    }).show();
});

我想这是边框布局的一个功能,因为如果我将2个面板放入框布局中,折叠后的面板会在标题栏上单击后永久展开。

我知道如果我点击“双箭头”或者如果我在“浮动”之后第二次点击标题,该面板将保持扩展但我只是不希望这个浮动 - 行为,因为我到目前为止经历过它非常漂亮。

如果有人能告诉我如何关闭边框布局的功能,我真的很感激。

由于

1 个答案:

答案 0 :(得分:6)

titleCollapse 属性

之后添加
floatable: false

查看fiddle