ExtJs中的TextField显示另外的值

在Web程序开发过程中，有时候会将要显示的数据转换为有明确含义的字符。如果用ComboBox,就会有下拉列表，即使将对象修改为readonly,当选择后值也会变。如果改为disnabed,页面显示为灰色，不好看。

查看Ext的TextField的API，设置值有两个方法

setValue( Mixed value ) : void

setRawValue( Mixed value ) : Mixed

覆盖setValue就可以解决

例如，性别的代码如下：

{ fieldLabel : '性别', xtype : 'textfield', name : 'cust.custSex', width : 180, readOnly : true, setValue : function(value){ if(value==1){ this.setRawValue('男'); } else { this.setRawValue("女"); } } }