problem z ExtJS pól układ

Question

mam problem z pól oznaczonych w formularzu

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 

    }); 

muszę dopasować szerokość pola do szerokości kolumny.

na tej stronie http://docs.sencha.com/ext-js/4-0/#/api/Ext.form.FieldContainer 2 przykłady , aw drugim przykładzie ustawiono defaults {layout: '100%'} i wygląda na to, że nie działa.

znaleźć własne zbawienie: dodając układ: 'fit' lub układ: 'kotwica' ​​do pól jako kotwica domyślnie: { układ: 'fit', Flex: 1 }

dzięki all

Answer 1

znaleźć własne zbawienie: dodając układ: „dopasowanie” lub układ: „kotwicy”, aby fieldset kotwica

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

Dzięki wszystkim

Answer 2

Po krótkim wyglądzie ... Czy próbowałeś wstawić kotwicę: "0" na obu polach i kontenerach?

Ponadto, należy użyć fieldDefaults zamiast

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

Answer 3

chciałbym określić układ: „napad” na FormPanel ponieważ używasz pojedynczy zestaw pól.

Reszta nie rozumiem. Wygląda na to, że określasz układ kolumn, ale używasz tylko jednej kolumny.

Czy możesz posprzątać ten przykład i chętnie pomogę.

Answer 4

Musisz ustawić wysokości własności do formie a jeśli nadal nie wyświetla się, to podaj także wysokość do zestawu pól.