ExtJS 4 - Как пометить поле формы как недействительное и отобразить красные границы вокруг него (как это сделано по умолчанию в ExtJS), если пользовательская проверка не удалась?

Question

У меня есть форма, в которой некоторые поля должны быть проверены на стороне сервера.

Когда форма отправлена, сервер проверяет значенияэти поля и если проверки не пройдены, сервер возвращает успех: false (вместе с именем и сообщением об ошибке каждого поля, в котором проверка не пройдена).

Теперь мне нужно отобразить такие поля как «неверные» и применитьта же красная граница вокруг них, которая по умолчанию выполняется ExtJS, если проверка на стороне клиента не удалась.

Я попытался использовать следующее:

Ext.getCmp ('fieldId'). markInvalid () и invalidCls: 'x-form-invalid-field'

Я использовал приведенные выше операторы в функции обратного вызова 'fail' формы form.submit.Эти инструкции вызываются, но не оказывают никакого влияния на такие поля.

Таким образом, кто-то может подсказать следующее:

Как пометить поле как незаполненное и применить тот же эффект (с красными границами) вокруг него при неудачной пользовательской проверке?

Заранее спасибо.

Answer 1

Получить сообщение об ошибке с сервера

Ext.getCmp('your_form_id').getForm().findField('field_id_or_field_name').markInvalid('server_error_message');

Answer 2

Мне удалось найти решение для этого.

В случае сбоя проверки на стороне сервера, с сервера необходимо вернуть следующее:

success:false,
errors:{
    field1:errorMsg1,
    field2:errorMsg2
}

Это само помечает поля как недействительные и применяет к полям красную границу, если есть связанная ошибка.

Надеюсь, это поможет кому-то искать что-то похожее.

Answer 3

Вместо функции markInvalid используйте setActiveError, если вы также хотите изменить сообщение об ошибке.

Ext.getCmp('your_component_id').setActiveError('your_custom_error_message')

Answer 4

Ext.getCmp ( '# fieldId') IsValid ();.

Answer 5

Попробуйте, это касается проверки сервера, вы можете использовать json или xml http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/form/xml-form.html