javascript - ボーダーレイアウトの折りたたまれたパネル：タイトルクリックで永続的に展開

Question

ボーダーレイアウトの内側に2つのパネルがあります。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つのパネルをボックスレイアウトに入れると、タイトルバーをクリックした後、折りたたまれたパネルが永続的に拡張されるためです。

「二重矢印」をクリックした場合、または「フローティング」された後にタイトルをもう一度クリックした場合、パネルが展開されたままになることは承知していますが、このフローティング動作はまったく必要ありません。私はこれまでかなりバギーとしてそれを経験したので。

ボーダーレイアウトの機能をオフにする方法を教えていただければ幸いです。

ありがとう

Answer 1

titleCollapseプロパティの後に追加

floatable: false

フィドルを見てください