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("女"); } } }