ExtJS4: How to show validation error message next to textbox, combobox etc

extjs extjs4
berliner picture berliner · Jun 3, 2012 · Viewed 52k times · Source

I need to implement validation messages that appear right next to invalid field. Any help would be appreciated.

Answer

Jom picture Jom · Jun 5, 2012

msgTarget: 'side' will Add an error icon to the right of the field, displaying the message in a popup on hover only.

if you read the documentation carefully, one more option is there for msgTarget http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.Text-cfg-msgTarget

[element id] Add the error message directly to the innerHTML of the specified element. you have to add a "td" to the right side of the control dynamically with the id. then if you specify msgTarget: 'element id' it will work.

Related questions

How to display binary data as image - extjs 4

Here is the binary for a valid .JPEG image. http://pastebin.ca/raw/2314500 I have tried to use Python to save this binary data into an image. How can I convert this data to a viewable .JPEG image with extjs 4? …

Read More
Explain ExtJS 4 event handling

I've recently started learning ExtJS, and have trouble understanding how to handle Events. I have no experience of any previous versions of ExtJS. From reading various manuals, guides and documentation pages, I've figured out how to use it, but I'm …

Read More
Extjs 4 combobox default value

I'm migrating my application from ExtJs 3 to 4 version. I have several comboboxes at my formPanel, and previously I've used hiddenName and all that stuff to submit valueField instead of displayField. All my adaptation works fine (value field IS submitting), but …

Read More