텍스트 필드 allowBlank/Focus 및 invalid-cls 문제

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