Ext js如何配对复选框＆amp;文本域？

Question

我有一个带有文本字段复选框对的字段集，如何在行中对齐它们，以便我在下面进行操作，提前感谢。

   [CHECKBOX] [TEXTBOX] 
   [CHECKBOX] [TEXTBOX] 
   [CHECKBOX] [TEXTBOX] 

Answer 1

您应该fieldContainer使用layout: 'hbox'配置。

例如：

var formConfig = {
    xtype: 'form'
    // Your form configuration here
    items: [
        {
            xtype: 'fieldcontainer',
            fieldLabel: 'My pair label', // If you want a label for both fields, or you can put fieldLabel to either/both/none fields
            layout: {
                type: 'hbox',
                align: 'middle', // or any other align of your choosing
            },
            items: [
                {
                    xtype: 'checkbox',
                    // your checkbox configuration here, i.e. hideLabel: true or fieldLabel: 'checkbox label'
                },
                {
                    xtype: 'textfield',
                    // your textfield configuration here
                }
            ]
        }
    ]
}