1

ExtJS 4.0.7 から 4.1 にアップグレードした後、レイアウトの問題に直面しています。パネルには 5 つのフィールドがあります (4 つのコンボと日付ピッカー)。これは、パネルの構成の関連部分です。

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

ExtJS 4.0.7 では、5 つのフィールドすべてが同じ幅で表示され、それぞれの周りに予想される余白があります。ExtJS 4.1 では、テキスト フィールドの右側にあるアイコンの幅がレイアウトの計算に考慮されていないようです。

ここに画像の説明を入力

何か案は?

4

1 に答える 1

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"' で動作します。

于 2012-05-23T00:35:05.203 に答える