Textfield allowBlank/Focus和invalid-cls问题

Question

我是ext-js的新手，需要一些关于此问题的帮助。
我有一个具有两个文本字段的字段集的面板。这两个文本框的
的allowBlank属性设置为假因此与空文本文本框是不允许的。

如果文本字段为空，那么默认情况下将无效的CSS应用于文本字段，这会使其边框呈红色。

这里的问题是，当最初的文本字段呈现无效的CSS不被default.Once应用，如果文本字段被聚焦并在文本框失去焦点就变成红色。

我希望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