ExtJS 3.4 Radiogroup Strech отключить

Question

У меня проблема с установкой ширины каждой радиокнопки в группе радиостанций.

xtype: 'container',
id: 'cntCompany',
layout: 'hbox',
fieldLabel: 'Company',
items: [
    {
        xtype: 'radiogroup',
        id: 'rdogrpCompany',
        items: [
            { id: 'rdoIT', boxLabel: 'IT', name: 'rdoCompany', inputValue: 'IT', width: 40, checked: true },
            { id: 'rdoCOMMS', boxLabel: 'COMMS', name: 'rdoCompany', width: 40, inputValue: 'Comms' },
            { id: 'rdoGROUP', boxLabel: 'GROUP', name: 'rdoCompany', width: 40, inputValue: 'Group' },
            { id: 'rdoALL', boxLabel: 'ALL', name: 'rdoCompany', width: 40, inputValue: 'All', margins: '0 0 0 30' }
        ]
    }
]

Я установил ширину каждой радиокнопки, но она работает неправильноПочему эта радиогруппа имеет такой же столбец ширины и игнорирует ширину: 40?Как установить ширину для каждой радиокнопки?

Answer 1

По умолчанию Combo-Group / Radio-Group использует столбец Layout для выравнивания сгруппированных элементов.и который использует 'auto' в качестве значения по умолчанию, если ничего не установлено.

Элементы управления будут отображаться по одному на столбец в одной строке, а ширина каждого столбца будет равномерно распределяться в зависимости от шириныобщий полевой контейнер.Это значение по умолчанию.

На основе API это проблема макета.Обратите внимание, что ExtJS использует макеты по умолчанию, если вы их не определяете.Поэтому измените макет или попробуйте, если columns: 1 решит вашу проблему.

API-Link

РЕДАКТИРОВАТЬ: На основании комментария правильноответ columns: [40, 40, 40, 40]