Textfield allowBlank/Focus and invalid-cls issue

Question

Я новичок в ext-js и нуждаюсь в некоторой помощи по этой проблеме.
У меня есть панель, у которой есть поле с двумя текстовыми полями.
Свойство allowBlank обоих этих текстовых полей устанавливается в false, так что textField с пустым текстом не допускается.

Если текстовое поле пуст, то по умолчанию недействительный css применяется к текстовому полю, что делает его красным.

Здесь проблема заключается в том, что изначально, когда текстовое поле отображается, недопустимый css не применяется по умолчанию. Когда TextField сфокусирован и когда текстовое поле теряет фокус, оно становится красным.

Я хочу, чтобы текстовое поле имело invalid-cls, когда оно визуализируется изначально.

Вот скрипка, которая имеет такую ​​же проблему.
https://fiddle.sencha.com/#fiddle/csa

Просьба помочь мне решить эту проблему.

С уважением,
Самант

Answer 1

Использование .validate() при рендеринге элемента

Например:

fieldLabel: 'Field 1', 
name: 'field1', 
allowBlank: false, 
listeners: { 
    render: function(el) { 
     el.validate(); 
    } 
} 

---

I update your fiddle-project