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

包含其他面板或組件的任何容器通常都需要布局才能正常工作。 嘗試在西面板上添加layout：'fit'，看看是否有幫助。 不過，查看您的代碼，我不確定為什么您在那里需要嵌套面板（除非這只是測試代碼）。 西面板應僅包含您計划放入嵌套面板的任何內容。 如果目標是向west添加多個子面板，那么您應該給west設置“邊界”之類的布局，或者說任何有意義的布局。

Answer 2

也許ExtJS論壇可以為您提供幫助？

Answer 3

為了簡短提示，您可以嘗試回答以下問題：

什么是“中心”區域的布局？

使用邊框布局，我只能看到一個區域，稱為“西”。 這不應該按預期工作。