單選按鈕元素之間的恆定空間距離

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

任何想法如何實現？

來源

2014-02-26 zibi

可以使用columns配置：

指定當顯示分組使用自動佈局複選框/無線電控制中使用的列的數目。此配置可以取的值幾種類型：

「自動」 - 該控制將在一行和呈現一個每列中的每個列的寬度將均勻分佈基於總的寬度現場容器。這是默認設置。

編號 - 如果您的特定號碼（例如3）將創建列數，並且所包含的控件將根據垂直值自動分配。

數組 - 您也可以根據需要（例如[100，.25，.75]）指定一個寬度爲的數組，寬度爲混合整數（固定寬度）和浮點數（百分比寬度）。任何整數值將首先被渲染爲，然後任何浮點值將被計算爲剩餘空間的百分比。雖然如果您希望控件佔用整個字段容器，則浮動值不必將加1（100％），但應該這樣做。

實施例：http://jsfiddle.net/9ZDsK/

來源

2014-02-26 18:14:25

單選按鈕元素之間的恆定空間距離

回答

相關問題