Question

我是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                   |

任何想法如何实现？

Answer 1

您可以使用columns配置：

指定显示分组时要使用的列数   复选框/无线电控件使用自动布局。这个配置可以采取   几种类型的价值观：


'auto' - 控件将在一行中每列呈现一个并且   每列的宽度将根据宽度均匀分布   整个现场容器。这是默认设置。

号码 - 如果你   特定的数字（例如3）将创建该列数   包含的控件将根据自动分配   垂直值。

数组 - 您还可以指定列数组   宽度，混合整数（固定宽度）和浮点（宽度百分比）   根据需要的值（例如，[100，.25，。75]）。任何整数值都是   首先渲染，然后任何浮点值将计算为a   剩余空间的百分比。 Float值不必加起来   到1（100％），但如果你想控制占据整个   你应该这样做的现场容器。

示例：http://jsfiddle.net/9ZDsK/

单选按钮元素之间的恒定空间距离

1 个答案: