I finally got it working!
See this fiddle here: http://jsfiddle.net/amx9j/3/
This configuration for the form
worked:
layout: {
type: 'vbox',
align: 'stretch'
},
items: [{
xtype: 'container',
layout: 'anchor',
items: [{
//custom fields that change their height
}]
And in the custom field you have to use this.updateLayout()
everytime you expect the height to change. In addition I had to implement the onResize
method:
onResize: function(w, h) {
this.callParent(arguments);
this.grid.setWidth(w - this.getLabelWidth());
}
Important thing is, to NOT set the height of the grid ;-)
Thanks @Peter for taking the time to look into this!