Расстояние постоянного пространства между элементами радиопередачи
Вопрос
Я новичок в Extjs, и мне нужна ваша помощь, потому что у меня проблемы, решая его самостоятельно.В проекте я сейчас работаю, мы используем следующие радиопередачи, что-то вроде:
{
xtype: 'radiogroup'
, fieldLabel: 'ROW Periodicity'
, name: 'rowPeriodicity'
, width: 700
, allowBlank: false
, vertical: false
, disabledCls: 'ux-item-disabled'
, items: [
{ name: 'rowPeriodicityCode' , boxLabel: '6 months' , inputValue: 'M6' }
, { name: 'rowPeriodicityCode' , boxLabel: 'Annual' , inputValue: 'Y1' }
, { name: 'rowPeriodicityCode' , boxLabel: '3-Yearly' , inputValue: 'Y3' }
, { name: 'rowPeriodicityCode' , boxLabel: 'N/A' , inputValue: 'N_A' }
, { name: 'rowPeriodicityCode' , boxLabel: 'Other' , inputValue: 'OTHER }
]
}
.
Количество элементов не является постоянным.
Итак, что происходит, так это то, что радиопередачи забирают все доступное пространство, а расстояние между элементами не является постоянным, это более или меньше, чем он выглядит
| x x x x x |
| x x x x |
| x x x |
.
Что я хотел бы видеть, это постоянное расстояние, например:
| x x x x x |
| x x x x |
| x x x |
.
Есть идеи, как это добиться?
Решение
Вы можете использовать generacodictagcode config:
Указывает количество столбцов, используемых при отображении сгруппированных Флажок / Radio Controls с использованием автоматической макеты. Этот конфигурация может предпринять Несколько типов значений:
.
- 'auto' - элементы управления будут отображаться на столбце на одну строку и Ширина каждого столбца будет равномерно распределена на основе ширины общего полевого контейнера. Это по умолчанию.
- номер - если вы конкретный номер (например, 3), что будет создан количество столбцов и содержащиеся элементы управления будут автоматически распределены на основе Значение вертикали.
- Массив - Вы также можете указать массив столбца Ширина, смешивание целочисленного (фиксированная ширина) и поплавок (процентная ширина) Значения по мере необходимости (например, [100, 0,25, 0,75]). Любые целочисленные значения будут сначала оказывается, то любые значения поплавка будут рассчитаны как процент от оставшегося пространства. Значения поплавка не должны добавлять до 1 (100%), хотя если вы хотите, чтобы элементы управления забрать весь Полевой контейнер, который вы должны сделать это.
Пример: http://jsfiddle.net/9zdsk/