Change fieldCls at runtime

Question

I am trying to change the css of a text field at runtime, using ExtJs 4.1.

I have set the initial css using fieldCls: '' , which works fine.

However, using addCls and removeCls have nothing to do with fieldCls, and will only change the root element's css, and not the field.

What's the correct way to change the css class of a text field at runtime?

Thanks

EDIT: Perhaps it's time for some code:

 this.form.getComponent('content').on('writeablechange', function(field, Read, eOpts){ if (Read == true){ field.inputEl.addCls('x-form-field-readonly'); } else if (Read == false){ } }, this);

Let's ignore the fact for a second that I can't get a read only field to update css on it's own using any of the config properties I've come across.

This code executes, and displays alerts on each of the cases if i put them in.

I've tried field.inputEl, and I get undefined at runtime. Any ideas?

There are various way I think you can achieve this. Could you first try SomeField.inputEl.addCls(). — Izhaki
– Izhaki, Commented Aug 7, 2012 at 14:10

Alex Tokarev · Accepted Answer · 2012-08-07 16:43:40Z

2

If you want to set styles on a field, you can use field.setFieldStyle(). Otherwise, field.inputEl is the element you need.

answered Aug 7, 2012 at 16:43

Alex Tokarev

4,8611 gold badge22 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Murdock Over a year ago

Never mind my edit, it was undefined because the field hadn't been rendered yet. inputEl works just fine, many thanks to yourself and Izhaki!

Collectives™ on Stack Overflow

Change fieldCls at runtime

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related