Distanza costante dello spazio tra gli elementi del tasto radio
Domanda
Sono nuovo per Extjs e ho bisogno del tuo aiuto, perché ho problemi a risolverlo da solo.Nel progetto attualmente sto lavorando utilizziamo i seguenti pulsanti radio, qualcosa del genere come:
{
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 }
]
}
.
Il numero di elementi non è costante.
Allora, ciò che sta accadendo è che i pulsanti di opzione prendono l'intero spazio disponibile e la distanza tra gli elementi non è costante, questo è più o meno come appare
| x x x x x |
| x x x x |
| x x x |
.
Quello che vorrei vedere è una distanza costante, come:
| x x x x x |
| x x x x |
| x x x |
.
Qualche idea come ottenere questo?
Soluzione
È possibile utilizzare columns
config:
.Specifica il numero di colonne da utilizzare al momento della visualizzazione raggruppata Casella di controllo / Controlli radio con layout automatico. Questa configurazione può prendere Diversi tipi di valori:
.
- 'Auto' - I controlli verranno resi per colonna su una riga e La larghezza di ciascuna colonna sarà uniformemente distribuita in base alla larghezza del contenitore generale del campo. Questo è il valore predefinito.
- Numero - Se tu specifico un numero (ad esempio, 3) che il numero di colonne verrà creato e I controlli contenuti verranno distribuiti automaticamente in base al Valore della verticale.
- array - puoi anche specificare una serie di colonne Larghezze, miscelazione integer (larghezza fissa) e galleggiante (larghezza percentuale) Valori secondo necessità (ad esempio, [100, .25, .75]). Qualsiasi valori integer sarà reso per primo, quindi eventuali valori float saranno calcolati come a percentuale dello spazio rimanente. I valori float non devono sommare a 1 (100%) sebbene se si desidera che i controlli occupino l'intero Contenitore da campo Dovresti farlo.
Esempio: http://jsfiddle.net/9zdsk/