Distanza costante dello spazio tra gli elementi del tasto radio

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

  •  21-12-2019
  •  | 
  •  

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?

È stato utile?

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/

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top