Extjs对齐两个xtype元素

Question

您好我正在显示一个表单，其中我有一个带有一些配置输入（textField）的复选框。我怎样才能并排显示它们？下面是用ExtJS编写的代码。我很难想出一个解决方案。

{
    xtype: 'checkbox',
    fieldLabel: 'label1',
    name: 'label1',
    checked: false,
}, {
    xtype: 'textfield',
    fieldLabel: 'Config for checkbox',
    name: 'ConfigForCheckBox',
},

我真的很感激任何帮助。

谢谢，SS

Answer 1

试试这个：

{
    xtype       : 'compositefield'
    ,hideLabel  : true
    ,labelWidth : 100
    ,items         : [{ 
        xtype  : 'displayfield'
        ,width : 120
        ,value : 'label1'

    },{
        xtype   : 'checkbox',
        name    :'label1',
        checked : false,
        },{
        xtype  :  'displayfield'
        ,width : 20
    },{
        xtype   : 'textfield'
        ,width  : 120
        ,name   : 'ConfigForCheckBox'
    }]
}

参考： CompositeField

Answer 2

快速解决方案：

创建列布局，在第二列上隐藏输入的标签。