IE中的ExtJS可折疊面板

Question

我有一個可折疊面板，當我在IE（v 11）/ Edge中打開它時，它再次折疊。 該代碼在Chrome，Firefox中正常運行。

我創建了一個樣本，您可以嘗試sencha小提琴 ：

Ext.application({
    name : 'Fiddle',

    launch : function() {
        this.container = new Ext.panel.Panel({
            width: '100%',
            height: 500,
            title: 'Main',
            layout: 'border',
            renderTo: Ext.getBody()
        });

        this.container.add({
            xtype:'panel',
            region: 'east',
            width: 300,
            collapsible: true,
            collapsed: true,
            title: 'Collapsible'
        });
    }
});

Answer 1

如果我在'center'區域添加一些內容，則效果很好（當center未定義時，也會出現JS錯誤）

Ext.application({
    name: 'Fiddle',

    launch: function() {
        this.container = new Ext.panel.Panel({
            width: '100%',
            height: 500,
            title: 'Main',
            layout: 'border',
            renderTo: Ext.getBody()
        });

        this.container.add({
            xtype: 'panel',
            region: 'center',
            title: 'Center',
        });

        this.container.add({
            xtype: 'panel',
            region: 'east',
            width: 300,
            collapsible: true,
            collapsed: true,
            title: 'Collapsible'
        });

    }
});

更新

通過重寫Ext.panel.Panel的placeholderExpand函數並替換center.hidden = false; center && center.hidden = false; 問題已解決。 （也許他們忘了檢查，其中hidden設置為true，有檢查）