2012-08-07 95 views
0

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

我已经设置了最初的CSS使用fieldCls:'',它工作正常。

但是,使用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

我认为你可以通过各种方式实现这一点。你可以先尝试'SomeField.inputEl.addCls()'。 – Izhaki 2012-08-07 14:10:08

回答

2

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

+0

不要介意我的编辑,它是未定义的,因为该字段尚未呈现。 inputEl工作得很好,非常感谢你自己和 Izhaki! – XavierNuquos 2012-08-08 09:33:37