javascript - 边框布局中的折叠面板 : Permanent expand on title-click

Question

我在边框布局中有 2 个面板。第二个是可折叠的，设置了“collapsed”和“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 个面板放入一个框布局中，则在单击标题栏后折叠的面板会永久展开。

我知道如果我单击“双箭头”或者如果我在标题“ float ”后再次单击它，面板将保持展开状态，但我只是不希望这种 float -行为，因为到目前为止我觉得它很糟糕。

如果有人能告诉我如何关闭边框布局的该功能，我将不胜感激。

谢谢

Answer 1

在titleCollapse属性后添加

floatable: false

查看fiddle