单选按钮元素之间的恒定空间距离
问题描述:
我是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 |
任何想法如何实现?
答
可以使用columns
配置:
指定当显示分组使用自动布局 复选框/无线电控制中使用的列的数目。此配置可以取的值 几种类型:
- “自动” - 该控制将在一行和 呈现一个每列中的每个列的宽度将均匀分布基于总的宽度 现场容器。这是默认设置。
- 编号 - 如果您的特定号码(例如3) 将创建列数,并且所包含的控件将根据垂直值 自动分配。
- 数组 - 您也可以根据需要(例如[100,.25,.75])指定一个宽度为 的数组,宽度为混合整数(固定宽度)和浮点数(百分比宽度) 。任何整数值将首先被渲染为 ,然后任何浮点值将被计算为 剩余空间的百分比。虽然如果您希望控件占用整个字段容器,则浮动值不必将 加1(100%),但应该这样做。