2009-06-29 12 views
0

以下は、IEで正しく動作することができない簡単なext jsコードです(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

「中央」領域のレイアウトは何ですか?

境界線レイアウトでは、1つの領域しか表示されず、「西」と呼ばれます。これは期待通りには動作しません。