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