https://github.com/ananddayalan/extjs-by-example-customer-feedback-form |
В этом примере все компоненты визуализируются в Viewport. Это специализированный контейнер представляющий собой видимую область приложения в браузере. Через свойство scrollable можно включить прокрутку. Вместо значений true и false это свойство также может принимать значения x и y для того чтобы включить только горизонтальную или вертикальную прокрутку.
Через свойство defaultType на уровне контейнера можно задать тип xtype по умолчанию для всех дочерних компонентов. В данном проекте для полей формы по умолчанию задан тип textfield, поэтому все поля у которых не указан xtype будут типа textfield.
Свойство flex для панели form используется для того чтобы заполнить формой родительский контейнер и в то же время ограничить максимальную ширину maxWidth до 700.
Для того чтобы объединить имя и фамилию под одной меткой используется контейнер полей с лейаутом hbox.