2009-06-29 133 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'。這不應按預期工作。