ExtJS 3.4 Estiramiento del grupo de radio apague

Tengo el problema con establecer el ancho de cada botón de radio en el grupo de radio.ExtJS 3.4 Estiramiento del grupo de radio apague

xtype: 'container', 
id: 'cntCompany', 
layout: 'hbox', 
fieldLabel: 'Company', 
items: [ 
    { 
     xtype: 'radiogroup', 
     id: 'rdogrpCompany', 
     items: [ 
      { id: 'rdoIT', boxLabel: 'IT', name: 'rdoCompany', inputValue: 'IT', width: 40, checked: true }, 
      { id: 'rdoCOMMS', boxLabel: 'COMMS', name: 'rdoCompany', width: 40, inputValue: 'Comms' }, 
      { id: 'rdoGROUP', boxLabel: 'GROUP', name: 'rdoCompany', width: 40, inputValue: 'Group' }, 
      { id: 'rdoALL', boxLabel: 'ALL', name: 'rdoCompany', width: 40, inputValue: 'All', margins: '0 0 0 30' } 
     ] 
    } 
]

Ajuste el ancho de cada botón de opción pero no funciona correctamente. ¿Por qué este grupo de radio strech como la misma columna de ancho e ignora el ancho: 40? ¿Cómo configuro el ancho para cada botón de opción?

Fuente

2012-01-02 ShootingStar

Creo que esto es causado por el diseño que elija. Parece anular el ancho de los elementos secundarios. Pero esto es solo una suposición ... – sra

@sra Creo que no es un problema de diseño porque el ancho del botón de radio funciona bien sin un grupo de radio. – ShootingStar

De manera predeterminada, Combo-Group/Radio-Group está utilizando el diseño de columna para alinear los elementos agrupados. y eso usa 'auto' como valor predeterminado si no se establece nada más.

Los controles serán prestados uno por columna en una fila y el ancho de cada columna se distribuirán de manera uniforme sobre la base de la anchura del contenedor global campo . Este es el predeterminado.

Según el API, es un problema de Distribución. Tenga en cuenta que ExtJS usa Layouts por defecto si no define uno. Cambie el diseño o intente si columns: 1 resuelve su problema.

API-Link

EDIT: Sobre la base de la observación de la respuesta correcta es columns: [40, 40, 40, 40]

Fuente

2012-01-03 15:31:30 sra

Gracias @sra. Intenté 'columnas: 1' en Ext Designer pero no puedo ingresar 1. Parece un error. Por supuesto, funciona después de editar manualmente. Para otras personas, quiero dar cada ancho para cada botón de radio. Columna: 1 no es la respuesta que quiero porque hace un arreglo de botón de radio vertical. La respuesta será 'columnas: [40, 40, 40, 40]'. Gracias de nuevo – ShootingStar

ExtJS 3.4 Estiramiento del grupo de radio apague

Respuesta

Cuestiones relacionadas