ExtJS filefield设置disabled为true后按钮不灰显的解决办法

ExtJS4.1中，filefield设置默认值为true时，按钮是灰显的，但是如果调用setDisabled来设定的时候，发现浏览按钮不会灰显，但是的确是被禁用了。如何解决了，只能从源码入手了。原来源码中并没有主动对浏览按钮加上灰显的样式，只是当默认值为true时才会加。因此我们需要在源码中手动加上css样式。
默认源码如下：

disableItems: function(){
var file = this.fileInputEl;
if (file) {
file.dom.disabled = true;
}
this['buttonEl-btnEl'].dom.disabled = true;
},

onEnable: function(){
var me = this;
me.callParent();
me.fileInputEl.dom.disabled = false;
this['buttonEl-btnEl'].dom.disabled = true;
},

修改方法及修改后的源码如下：

Ext.override(Ext.form.field.File,{
disableItems: function(){
var file = this.fileInputEl;
if (file) {
file.dom.disabled = true;
}
this['buttonEl'].addCls('x-btn-disabled');
this['buttonEl-btnEl'].dom.disabled = true;
},

onEnable: function(){
var me = this;
me.callParent();
me.fileInputEl.dom.disabled = false;
this['buttonEl'].removeCls('x-btn-disabled');
this['buttonEl-btnEl'].dom.disabled = true;
}
});

经过修改后，测试截图如下。
正常



禁用后



启用后