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;
}
});
经过修改后,测试截图如下。
正常
禁用后
启用后