動態更改文本字段的文本顏色

Question

團隊，

我遇到了一個問題，我無法更改xtype：textfield的文本顏色。我正在使用EXTJS 3.4

要求在最初顯示灰色的默認文本，如「填寫您的詳細信息」。

但是，當用戶關注該字段時，我將刪除默認文本，以便用戶可以輸入適當的值。

我想在用戶輸入某個值時將文本的顏色從灰色變爲黑色。有什麼辦法可以用ExtJS 3.4做到這一點：

Answer 1

你應該可以使用emptyText配置。 http://docs.sencha.com/ext-js/3-4/#!/api/Ext.form.TextField-cfg-emptyText。它最初顯示灰色，當用戶輸入清除的值並且輸入的文本是黑色時。

new Ext.form.TextField({renderTo: Ext.getBody(), emptyText: 'Fill Details Here'}) 

Answer 2

爲什麼你不能使用

new Ext.form.TextField({renderTo: Ext.getBody(), id:'textId', emptyText: 'Fill Details Here'}) 

並提交檢查emptyness和多空雙方並投入了驗證。

Ext.Button({ 
text:'title', 
handler:function(btn,optn){ 
var value = Ext.getCmp('textId').getValue(); 

//這裏.getValue（）刪除未定義和空文本並給出爲 ''

if(value === ''){ 
    Ext.msg.alert('Validation', 'Please fill all the mandatory fields'); 
} 
} 

}）;