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

Posted

技术标签:

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

谁能告诉

例如

组合1 组合2 组合3

combo4combo5combo6

谢谢

【问题讨论】:

【参考方案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

【讨论】:

以上是关于如何在 extjs4.1 中水平对齐组合框的主要内容,如果未能解决你的问题,请参考以下文章

在 React 中水平方向对齐图像和文本

css在一个div中水平+垂直对齐3个元素

在 SwiftUi 中水平组合和打破垂直滚动视图?

如何将组合框弹出窗口与左下 wpf 对齐?

EXTJS 4.1 中的向上组合框

ExtJS 4.1.x - 里面有一个组合框的选择器