In the previous releases of Ext JS, complicated form layouts were quite difficult to achieve. This was due to the nature of the
, which was required to display labels and error messages correctly, and how it had to be combined with other nested layouts.
Ext JS 4 takes a different approach and utilizes the
Ext.form.Labelable mixin, which allows form fields to be decorated with labels and error messages without requiring a specific layout to be applied to the container. This means we can combine all of the layout types the framework has to offer (which are discussed in detail in Chapter 3, Laying Out your Components) without having to overnest components in order to satisfy the form field's layout requirements. ...