如何在extjs4.1中水平对齐组合框

Question

有人能告诉我如何在extjs4.1中水平对齐组合框吗？

e.g

combo1 combo2 combo3

combo4 combo5 combo6

谢谢

Answer 1

您可以使用Hbox layout来实现这一点：

Ext.create('Ext.form.Panel', {
    items: [{
        xtype: 'container',
        layout: 'hbox',
        defaults: {
            flex: 1
        },
        items: [{
            xtype: 'combobox'
        }, {
            xtype: 'combobox'
        }, {
            xtype: 'combobox'
        }]
    }, {
        xtype: 'container',
        layout: 'hbox',
        defaults: {
            flex: 1
        },
        items: [{
            xtype: 'combobox'
        }, {
            xtype: 'combobox'
        }, {
            xtype: 'combobox'
        }]
    }],
    renderTo: Ext.getBody()
});

http://plnkr.co/edit/N0OxrdRJMnpBXMVsRs1p?p=preview