ラジオボタンの要素間の絶対空間距離

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を使用できます。 config：

グループ化されているときに使用する列数を指定します 自動レイアウトを使用したチェックボックス/無線コントロールこの設定は取ることができます いくつかの種類の値：

• 'auto' - コントロールは1行の列ごとにレンダリングされます。 各列の幅は幅に基づいて均等に分布します。 フィールドコンテナ全体の。これがデフォルトです。
• 番号 - なら 列数の数（例えば、3）を作成し、 含まれているコントロールは自動的に分散されます。 垂直の値。
• 配列 - 列の配列を指定することもできます 幅、ミキシング整数（固定幅）とフロート（パーセント幅） 必要に応じて値（例えば[100 ,.25 ,.75]）。任意の整数値があります 最初にレンダリングされたら、任意のフロート値がAとして計算されます。 残りのスペースの割合。 float値を追加する必要はありません コントロールが全体を占める場合は、1（100％）に フィールドコンテナあなたはそうするべきです。

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