Textfield allowBlank / Focus和invalid-cls问题

时间:2014-11-05 09:26:22

标签: javascript css extjs textfield sencha-architect

我是ext-js的新手,需要一些关于这个问题的帮助 我有一个Panel,其中有一个带有两个文本字段的字段集 这两个文本字段的allowBlank属性都设置为 false ,因此不允许使用带有空文本的textField。

如果文本字段为空,则默认情况下,无效的css将应用于文本字段,这会使其边框变为红色。

这里的问题是,最初在渲染文本字段时,默认情况下不应用无效的css。如果TextField被聚焦,并且当文本字段失去焦点时,它将变为红色。

我希望textfield在最初自我呈现时具有invalid-cls。

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

请帮我解决这个问题。

关心,
萨曼斯

1 个答案:

答案 0 :(得分:0)

在渲染元素

处使用.validate()

例如:

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

I update your fiddle-project