ExtJS的窗口犯規表演元件以及在IE

Question

我有這樣的代碼

var main_container = Ext.create('Ext.container.Container', 
{ 
    xtype: 'container', 
    id: "id_container", 
    anchor: '100%', 
    layout:'column', 
    items:[ 
     column_1, 
     column_2, 
     column_3 
    ] 
}) 

當我調整容器中的最右邊一列在某些情況下，在前看不見。當我在某些情況下再次調整大小時，最右邊的列再次出現。這隻發生在IE中。

這可能是什麼原因造成的？任何想法都會有所幫助。

這裏是最右邊的列的結構

var column_3 = Ext.create('Ext.container.Container', 
    { 
    columnWidth: .33, 
    layout: 'anchor', 
    id: 'column_3', 
    items:[ 
     grid_1, 
     grid_2 
    ] 
    }) 

有3列，我想他們是寬

33％，使主容器在按下分機JS菜單按鈕oppened。 而主容器被放置在ext js窗口中。

這是我的問題

<div class="x-container x-column x-container-default" id="column_roles" role="presentation" style="width: 400px;"> 
     <DIV style="WIDTH: 413px; HEIGHT: 45%" id=grid_1 class="x-panel x-grid x-property-grid x-panel-default x-with-col-lines x-panel-with-col-lines x-panel-default-with-col-lines x-masked-relative x-masked" role=presentation aria-labelledby=component-1234>...</div> 

     <DIV style="WIDTH: 413px; HEIGHT: 45%" id=grid_2 class="x-panel x-grid x-property-grid x-panel-default x-with-col-lines x-panel-with-col-lines x-panel-default-with-col-lines x-masked-relative x-masked" role=presentation aria-labelledby=component-1237> ... </div> 
</div> 

，你可以清楚地看到內部的div比包含它們的一個更寬。爲什麼IE生成不好？這不會發生在Chrome和FF中。

Answer 1

如果這種情況只發生在IE瀏覽器中，您是否考慮過放棄IE作爲瀏覽器？除了IE瀏覽器之外，如果它在任何瀏覽器中都可以工作，那麼可能是一個bug，或者只能爲IE做一些特殊的事情。

例如，這對我的作品：

Ext.onReady (function() { 
    Ext.create ('Ext.window.Window', { 
     renderTo: Ext.getBody() , 
     title: 'Win' , 
     width: 500 , 
     height: 100 , 
     layout: 'anchor' , 
     resizable: true , 
     items: [{ 
      xtype: 'container' , 
      anchor: '100%' , 
      layout: 'column' , 
      defaults: { 
       layout: 'anchor' 
      } , 
      items: [{ 
       xtype: 'container' , 
       columnWidth: .33 , 
       defaults: { 
        xtype: 'textfield' , 
        anchor: '100%' 
       } , 
       items: [{ 
        fieldLabel: 'name' 
       } , { 
        fieldLabel: 'surname' 
       }] 
      } , { 
       xtype: 'container' , 
       columnWidth: .33 , 
       defaults: { 
        xtype: 'textfield' , 
        anchor: '100%' 
       } , 
       items: [{ 
        fieldLabel: 'age' 
       } , { 
        fieldLabel: 'place' 
       }] 
      } , { 
       xtype: 'container' , 
       columnWidth: .33 , 
       defaults: { 
        xtype: 'textfield' , 
        anchor: '100%' 
       } , 
       items: [{ 
        fieldLabel: 'nickname' 
       } , { 
        fieldLabel: 'whatever' 
       }] 
      }] 
     }] 
    }).show(); 
}); 

當你調整窗口的大小，每列被調整過，沒有人會消失。

僑

威爾克