无线电按钮元素之间的恒定空间距离

StackOverflow https://stackoverflow.com//questions/22046273

  •  21-12-2019
  •  | 
  •  

题

我是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 配置：

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

  • 'auto' - 控件将在一行上每列呈现一个， 每列的宽度将基于宽度均匀分布 整个领域容器。这是默认值。
  • 号码 - 如果你 特定的数字（例如，3）将创建列数和 包含的控件将基于此基于 垂直值。
  • 数组 - 您还可以指定列数组 宽度，混合整数（固定宽度）和浮动（宽度） 根据需要的值（例如，[100，.25, .75]）。任何整数值都将是 首先呈现，任何浮点值都将被计算为一个 剩余空间的百分比。浮动值不必加起来 到1（100％）虽然如果您想要控件占用整个 您应该这样做的现场容器。

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top