Distance d'espace constante entre les éléments du bouton radio

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

  •  21-12-2019
  •  | 
  •  

Question

Je suis nouveau sur ExtJs et j'ai besoin de votre aide, car j'ai du mal à le résoudre par moi-même.Dans le projet sur lequel je travaille actuellement, nous utilisons les boutons radio suivants, quelque chose comme :

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

le nombre d'articles n'est pas constant.

Donc, ce qui se passe, c'est que les boutons radio occupent tout l'espace disponible et que la distance entre les éléments n'est pas constante, c'est plus ou moins à ça que ça ressemble

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

ce que j'aimerais voir, c'est une distance constante, comme :

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

des idées pour y parvenir ?

Était-ce utile?

La solution

Vous pouvez utiliser le columns configuration :

Spécifie le nombre de colonnes à utiliser lors de l'affichage des contrôles à cocher groupés / radio à l'aide de la disposition automatique.Cette configuration peut prendre plusieurs types de valeurs:

  • «Auto» - Les commandes seront rendues une par colonne sur une ligne et la largeur de chaque colonne sera répartie uniformément en fonction de la largeur du conteneur de champ global.C'est la valeur par défaut.
  • Numéro - Si vous spécifiez un nombre (par exemple, 3), ce nombre de colonnes sera créé et les commandes contenues seront automatiquement distribuées en fonction de la valeur de la verticale.
  • Tableau - Vous pouvez également spécifier un tableau de largeurs de colonne, de mélange entier (largeur fixe) et de flottants (pourcentage de largeur) au besoin (par exemple, [100, .25, .75]).Toutes les valeurs entières seront rendues d'abord, puis toutes les valeurs de flotteur seront calculées en pourcentage de l'espace restant.Les valeurs flottantes n'ont pas à ajouter jusqu'à 1 (100%), bien que si vous voulez que les contrôles prennent l'ensemble du conteneur de champ, vous devez le faire.

Exemple: http://jsfiddle.net/9ZDsK/

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top