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

【问题标题】：How to align combo box horizontal in extjs4.1如何在 extjs4.1 中水平对齐组合框
【发布时间】：2013-07-05 13:45:37
【问题描述】：

谁能告诉如何在 extjs4.1 中水平对齐组合框

例如

组合1 组合2 组合3

combo4combo5combo6

谢谢

【问题讨论】：

标签： extjs extjs4.1 extjs4.2

【解决方案1】：

您可以使用Hbox 布局来实现：

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

【讨论】：