extjs - 升级后的 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'
    }]
});

它适用于'margin：4'和'margin：“4”'。