Extjs 动态更改文本字段的文本颜色

团队

我面临一个无法更改xtype:textfield的文本颜色的问题。我正在使用extjs3.4

要求是最初以灰色显示默认文本，如“在此处填写您的详细信息”

但当用户关注该字段时，我会删除默认文本，以便用户可以输入适当的值

---

当用户输入一些值时，我想将文本的颜色从灰色更改为黑色。我们是否可以通过ExtJS 3.4实现这一点？您应该可以使用emptyText配置。它最初显示为灰色，当用户输入值时，它将清除，输入的文本为黑色

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

为什么你不能用

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

并在提交时检查是否存在空项，同时清空这两项，并进行验证

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

//here.getValue（）删除未定义的空文本，并作为“”给出

---

}))

我相信emptyText默认显示为灰色。只需注意一点：如果字段有名称，则emptyText的值将与表单一起提交。@Derek yeah链接中的文档中就是这么说的。在4中，这似乎可以通过FormBasic上的SubmitTestyText配置来处理。

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