title: problem with extjs fields layout
body: <p>i have the problem with displaying fields on form</p>
  
  <pre><code>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: '&lt;img src="http://dep-image/id/10000001482" width="100" height="50" title="zzz"&gt;'
                  },
                  {
                      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
  
      });
  </code></pre>
  
  <p>i need to fit fields width to column width.</p>
  
  <p>on this page <a href="http://docs.sencha.com/ext-js/4-0/#/api/Ext.form.FieldContainer" rel="noreferrer">http://docs.sencha.com/ext-js/4-0/#/api/Ext.form.FieldContainer</a> 2 examples
  and in second example they set <code>defaults {layout: '100%'}</code> and it looks like it does not work.</p>
  
  <p><strong>found own salvation</strong>: by adding layout: 'fit' or layout: 'anchor' to fieldset anchor
  defaults: {
     layout: 'fit',
     flex: 1
  },</p>
  
  <p>thanks to all</p>