2016-08-03 87 views
0

我有一種「Ext.form.field.Text」類型的元素。
我想在文本字段中更改輸入字符串的顏色。
目前,該字段已禁用,文本以淺灰色顯示,我想將其更改爲不同的內容。
我曾嘗試:更改文本字段中值的顏色

<code> 
    field.setFieldStyle('color: red ;'); 
    field.fieldCls = 'color: red ;'; 
    field.cls = 'color: red ;' 
</code> 

上述所有對現場沒有效果,或圍繞該領域的框架上進行影響。
我想只改變文本填充在外地,身邊沒有...
另外,希望通過這樣來改變字段的標籤的顏色:

<code>`field.setLabelCssCls('color: DarkSlateGrey ;');`</code> 

,它有已經成功地工作,尋找文本本身的等價物。

+0

您沒有指定ExtJS版本。 'field.setFieldStyle('color:red;')'適用於6.0.2 Triton,按照[this fiddle](https://fiddle.sencha.com/#fiddle/1els)。 – Alexander

+0

對,我忘了。 extjs版本5.0.1,不知道它是從版本6.0.2。 – Inbal

+0

非常相同的代碼也適用於5.0.1-Crisp。不知道你的問題是什麼。 – Alexander

回答

1

爲了使輸入字符串多彩,你需要添加一些CSS。在CSS中,你需要添加你想要的顏色。 之後,在field.fieldCls屬性中調用此css。該字段輸入的默認CSS類。 你的CSS應該是這樣的:

.colorText{ 
    color: red; 
} 

,並把CSS調用這個CSS到field.fieldCls

fieldCls: 'colorText', 

後,我創建一個小提琴手你那裏,你可以點擊這裏。 Fiddle

+0

它不起作用,或許在我的代碼被渲染後,被extjs禁用的屬性改變了值**。我怎麼能檢查這個,並避免它? – Inbal

+0

而且,你使用allowBlank:false,我被要求不要使用這個屬性,所以我使用「禁用」屬性,也許這就是爲什麼它沒有成功... – Inbal

+0

你可以把你的代碼請 – UDID