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

Question

我在边框布局中有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个面板放入一个框布局中,折叠后的面板会在单击标题栏后永久展开.

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

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

谢谢

Answer 1

在titleCollapse属性之后添加

floatable: false

看看小提琴