Extjs выравнивает два элемента xtype

Question

Привет, я работаю над отображением формы, в которой у меня есть флажок с некоторыми настройками ввода (textField).Как я могу отобразить их рядом?Ниже приведен код, написанный на ExtJS.Мне трудно найти решение.

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

Буду очень признателен за любую помощь.

Спасибо, СС

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

Быстрое решение:

Создайте макет столбца и на втором столбце скрыте метку для ввода.