problema extjs Campos de la presentación

Question

tengo el problema con los campos que muestran en forma

var test = Ext.create('Ext.form.Panel', { 
     renderTo: 'test', 
     title: '1. zzzz', 
     width: 800, 
     bodyPadding: 5, 


     defaults: { 
      anchor: '100%' 
     }, 
     items: [ 
     { 
      xtype: 'fieldset', 
      defaults: { 
       anchor: '100%' 
      }, 
      layout: 'column', 
      items: [ 
      { 
       xtype: 'panel', 
       fieldDefaults: { 
        msgTarget: 'side', 
        labelWidth: 75 

       }, 
       columnWidth: .5, 
       flex: 1, 
       defaultType: 'textfield', 
       defaults: { 
        anchor: '100%', 
        flex: 1 
       }, 
       items: [ 
       { 
        xtype: 'numberfield', 
        hideTrigger: true, 
        fieldLabel: 'zzzz', 
        //anchor: '100%', 
        //anchor: '-5', 
        name: 'SRD_NUMBER' 
       }, 
       { 
        fieldLabel: 'zzzz', 
        //anchor: '-5', 
        name: 'SRD_NAME_BR' 
       }, 
       { 
        fieldLabel: 'zzzzz', 
        //anchor: '-5', 
        name: 'SRD_NAME_FL' 
       }, 
       { 
        xtype: 'numberfield', 
        hideTrigger: true, 
        fieldLabel: 'zzzz', 
        disabled: true, 
        //anchor: '-5', 
        name: 'SRD_FOP' 
       }, 
       { 
        fieldLabel: 'zzzz', 
        //anchor: '-5', 
        name: 'SRD_NAME_ORDER' 
       }, 
       { 
        xtype: 'panel', 
        id: 'dep-img', 
        border: false, 
        height: 50, 
        width: 100, 
        cls: 'x-form-item', 
        html: '<img src="http://dep-image/id/10000001482" width="100" height="50" title="zzz">' 
       }, 
       { 
        xtype: 'filefield', 
        name: 'file1', 
        msgTarget: 'side', 
        border: 3, 
        //anchor: '100%', 
        fieldLabel: 'zzzz', 
        buttonText: 'zzzzzz' 
       }, 
       { 
        fieldLabel: 'zzz', 
        //anchor: '-5', 
        name: 'company' 
       }, 
       { 
        fieldLabel: 'zzzz', 
        //anchor: '-5', 
        name: 'company' 
       }] 
      } 
      ] 
     } //fieldset 
     ]//glob 

    }); 

i necesidad de adaptarse a campos de ancho a ancho de columna.

en esta página http://docs.sencha.com/ext-js/4-0/#/api/Ext.form.FieldContainer 2 ejemplos y en el segundo ejemplo establecen defaults {layout: '100%'} y parece que no funciona.

encontraron propia salvación: mediante la adición de diseño: 'ajuste' o de diseño: 'ancla' a FIELDSET anclaje por defecto: { diseño: 'ajuste', flexión: 1 },

gracias a todos

Answer 1

encontraron propia salvación: mediante la adición de diseño: 'ajuste' o el diseño: 'ancla' a FIELDSET anclaje

defaults: { 
    layout: 'fit', 
    flex: 1 
}, 

gracias a todos

Answer 2

Después de un rápido vistazo ... ¿Han intentado poner el ancla: '0' tanto en los campos como en los contenedores?

Además, se debe utilizar en lugar de fieldDefaults

defaults: { 
       anchor: '100%', 
       flex: 1 
      }, 

Answer 3

Me especificar el diseño: 'ajuste' en el FormPanel dado que está utilizando un único conjunto de campos.

El resto no lo entiendo. Parece que especifica el diseño de columnas pero con solo una columna.

Podría limpiar el ejemplo y con gusto lo ayudaré.

Answer 4

Debe establecer altura propiedad a su formay si aún no se muestra, entonces dale altura al fieldset también.