升级后的ExtJS 4.1布局问题

Question

从ExtJS 4.0.7升级到4.1后，我面临布局问题。面板中有五个字段（四个组合和一个日期选择器）。这是面板配置的相关部分：

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

使用ExtJS 4.0.7，所有五个字段都显示相同的宽度和每个字段的预期边距。在ExtJS 4.1中，看起来文本字段右侧的图标宽度不会被考虑用于布局计算。

有什么想法吗？

Answer 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'
    }]
});

它适用于＆＃39;保证金：4＆＃39;和＆＃39;保证金：＆＃34; 4＆＃34;＆＃39;。