IE中的ExtJS可折叠面板

Question

我有一个可折叠面板，当我在 IE (v 11)/Edge 中打开它时，它又会折叠起来。该代码在 Chrome、Firefox 中运行良好。

我创建了一个样例，你可以在sencha fiddle试试：

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，有检查）