Distancia de espacio constante entre los elementos del botón de radio

Question

Soy nuevo en EXTJS y necesito tu ayuda, porque tengo problemas para resolverlo por mi cuenta.En el proyecto, actualmente estoy trabajando en nosotros, usamos los siguientes botones de radio, algo así como:

{
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 }
    ]    
}

El número de artículos no es constante.

Entonces, lo que está sucediendo es que los botones de radio toman todo el espacio disponible y la distancia entre elementos no es constante, esto es más o menos cómo se ve

| x     x     x     x     x |
| x       x       x       x |       
| x           x           x |  

Lo que me gustaría ver es una distancia constante, como:

| x  x  x  x  x             |
| x  x  x  x                |       
| x  x  x                   |  

¿Alguna idea de cómo lograr eso?

Answer 1

Puede usar el columns config:

Especifica el número de columnas para usar al mostrar agrupado Casilla de verificación / controles de radio usando un diseño automático. Esta configuración puede tomar Varios tipos de valores:

• 'Auto': los controles se harán una por columna en una fila y El ancho de cada columna se distribuirá uniformemente en función del ancho del contenedor de campo general. Este es el valor predeterminado.
• número - si específico un número (por ejemplo, 3) que se creará el número de columnas y Los controles contenidos se distribuirán automáticamente en función de la Valor de la vertical.
• Array: también puede especificar una matriz de columna Anchos, mezclando entero (ancho fijo) y flotador (ancho de porcentaje) valores según sea necesario (por ejemplo, [100, .25, .75]). Cualquier valor entero será Primero, luego, los valores de flotación se calcularán como un Porcentaje del espacio restante. Los valores flotantes no tienen que sumar a 1 (100%) aunque si desea que los controles tomen todo el Contenedor de campo que debe hacerlo.

Ejemplo: http://jsfiddle.net/9zdsk/