在运行时更改fieldCls

时间:2012-08-07 09:38:56

标签: css extjs extjs4.1

我正在尝试使用ExtJs 4.1在运行时更改文本字段的css。

我已经使用fieldCls设置了初始css:'',它工作正常。

但是,使用addCls和removeCls与fieldCls无关,只会更改根元素的css,而不会更改字段。

在运行时更改文本字段的css类的正确方法是什么?

由于

编辑:也许是时候编写一些代码了:

        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);

让我们忽略这一事实,我无法使用我遇到的任何配置属性来获取自己更新css的只读字段。

此代码执行,如果我将它们放入,则显示每个案例的警报。

我已经尝试过field.inputEl,并且在运行时未定义。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

如果要在字段上设置样式,可以使用field.setFieldStyle()。否则,field.inputEl是您需要的元素。