2012-08-07 97 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