Question

下面是一个简单的ext js代码，我无法在IE中正常工作（在Firefox和Chrome中运行正常）。问题是，虽然它最初正确渲染，但如果我尝试调整“西”面板的大小，它就搞砸了。有人可以指出问题

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

包含其他面板或组件的任何容器通常都需要布局才能正常工作。尝试添加布局：'fit'到西面板，看看是否有帮助。看看你的代码，我不确定为什么你需要一个嵌套面板（除非这只是测试代码）。西部面板应该只包含您计划放入嵌套面板的任何内容。如果目标是向西方添加多个子面板，那么您将向西方提供“边框”或任何有意义的布局。

Answer 2

也许ExtJS forum可以帮到你？

Answer 3

如需简短提示，您可以尝试回答这个问题：

'中心'区域的布局是什么？

使用边框布局我只能看到一个区域，它称为“西方”。这不应该按预期工作。

ExtJs IE渲染问题

3 个答案: