ExtJS: form validation against model

Question

I'm learning ExtJS, and I came across two different concepts, that seem logically connected to me.

Model classes can specify custom validation methods on their fields.
Model instances can be loaded into, and retrieved from Forms.

My question is:

Is it possible to have the form use the model's validation setup to validate what the user enters and show realtime feedback?
If the answer to 1 is No, then is there any other way to set up realtime validation in the form?

Thanks

score 6 · Answer 1 · edited Jan 06 '12 at 03:12

6

As Molecule Man says, there is no built-in functionality for this, however...
This seems to be a commonly required feature (and something that makes Ext JS 4 look a little half-baked), and other people have come up with various solutions:
- Form <-> Model binding
- ExtJS4: Form validation via Model binding

The first suggestion modifies the Ext.form.field.Base class to allow binding a form field to a Model field, and to validate the form field against validations defined on the form field as well as those defined on the bound Model field.

I'm just about to test the first suggestion, may post an update on how it goes...

edited Jan 06 '12 at 03:12

Jason Braucht

2,358
19
31

answered Jan 06 '12 at 02:49

Oliver Coleman

734
7
13

Did you gain any experience about an approach? – lacco Feb 08 '12 at 18:20
I have the first solution working nicely with a couple of modifications, see [link](http://www.sencha.com/forum/showthread.php?125242-Form-lt-gt-Model-binding&p=715024&viewfull=1#post715024) – Oliver Coleman Feb 09 '12 at 03:31

score 4 · Accepted Answer · answered Sep 05 '11 at 10:35

1. Is it possible to have the form use the model's validation setup to validate what the user enters and show realtime feedback?

There is no built-in functionality for model's realtime validating. However, there is better way then using model's validation.

2. If the answer to 1 is No, then is there any other way to set up realtime validation in the form?

Yes, there is.
Form's fields support vtype config (More info can be found here). By default the fields would be validated everytime the fields' value would change (if you want to turn off this behaviour set field's validateOnChange config to false).

Check out docs (the Validation section and the Example usage section) for more info.

Hm, I guess I'll have to write a custom FormPanel that will validate using a model.. Perhaps I'll have to write a supporting "FormValidatingModel" as well.. — jrharshath, Sep 06 '11 at 05:12

ExtJS: form validation against model

2 Answers2