文本字段allowBlank/Focus和无效cls问题

Question

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

如果文本字段为空，那么默认情况下，无效的css将应用于文本字段，从而使其边框为红色

这里的问题是，在最初呈现文本字段时，默认情况下不会应用无效的css。一旦文本字段被聚焦，当文本字段失去焦点时，它就会变成红色。

我希望文本字段在最初呈现为自身时具有无效cls

这是一把有同样问题的小提琴
https://fiddle.sencha.com/#fiddle/csa

请帮我解决这个问题。

谨致问候，
Sumanth

Answer 1

在呈现元素时使用.validate（）

例如：

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

---

我更新了你的小提琴项目