2012-05-22 80 views
1

從ExtJS 4.0.7升級到4.1後,我面臨佈局問題。面板中有五個字段(四個組合和日期選擇器)。這是面板的配置的相關部分:升級後的ExtJS 4.1佈局問題

defaults: { 
    flex: 1, 
    margin: '4', 
    labelAlign: 'top' 
}, 
layout: { 
    type: 'hbox', 
    align: 'top' 
}, 

隨着ExtJS的4.0.7,所有五個領域都展示着相同的寬度和每個周圍的預期利潤率。在ExtJS 4.1中,它看起來像文本字段右側的圖標寬度不考慮佈局計算。

enter image description here

任何想法?

回答

1

嗯也許還有別的可能會導致問題。其實,這對我很好:

Ext.create ('Ext.container.Container', { 
    renderTo: Ext.getBody() , 
    layout: { 
     type: 'hbox' , 
     align: 'top' 
    } , 
    defaults: { 
     flex: 1 , 
     labelAlign: 'top' , 
     margin: 4 
    } , 
    items: [{ 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'datefield' 
    }] 
}); 

而且它與'保證金:4'和'保證金:「4」'的作品。

+0

謝謝,你是對的,在一個空白頁,這工作正常。我以爲我禁用了所有干擾樣式或腳本,顯然這是不正確的。 –

+0

使用範圍樣式表時,該問題似乎存在。除非我錯過了某些東西,在4.1中不再需要'var Ext = {buildSettings:{scopeResetCSS:true}};'使用ext-all-scoped.css時。 –