2009-06-29 208 views
0

下面是一个简单的ext js代码,我无法在IE中正常工作(在Firefox和Chrome中正常工作)。问题是,虽然它最初呈现正确,但如果我尝试调整'西部'面板的大小,它会搞砸。有人可以请指出问题ExtJs IE渲染问题

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" 

       }] 
      }) 

回答

2

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

0

对于短提示您可以尝试回答这样的问题:

什么是“核心”区域的布局?

通过边界布局,我只能看到一个区域,它被称为'west'。这不应按预期工作。