ExtJs IE рендеринг проблема

Question

Ниже приведен простой код ext js, который я не могу заставить работать правильно в IE (отлично работает в Firefox и Chrome). Проблема в том, что, хотя он изначально правильно отображает, он испортился, если я попытаюсь изменить размер панели 'west'. Может кто-нибудь, пожалуйста, укажите на проблему

var viewport = new Ext.Viewport({
                layout: "border",
                items: [{
                    xtype: "panel",
                    region: "west",
                    frame: true,
                    collapsible: true,
                    width: 200,
                    baseCls: 'x-plain',
                    collapseMode:'mini',
                    split:true,
                    items:[{
                        xtype:"panel",
                        collapsible:true,
                        titleCollapse:true,
                        title:'Test1',
                        height: 200,
                        frame: true,
                        border:true
                    }]
                }, {
                xtype: "panel",
                region:"center"

                }]
            })

Answer 1

Любой контейнер, содержащий другие панели или компоненты, обычно требует правильной компоновки. Попробуйте добавить макет: «соответствовать» западной панели и посмотрите, поможет ли это. Однако, глядя на ваш код, я не уверен, зачем вам нужна вложенная панель (если это не просто тестовый код). Западная панель должна просто содержать любой контент, который вы планируете поместить во вложенную панель. Если цель состоит в том, чтобы добавить несколько дочерних панелей к западу, то вы бы присвоили западу макет, например, «граница» или что-то еще.

Answer 2

Для краткой подсказки вы можете попробовать ответить на вопрос:

Что такое расположение «центрального» региона?

С макетом границы я вижу только один регион, и он называется «запад». Это не должно работать, как ожидалось.

Answer 3

Может быть Форум ExtJS может вам помочь?