ExtJs 2.1 中的HtmlEditor的disabled和readOnly

Ext Js 2.1 的HtmlEditor控件的disabled、readOnly属性，以及disable(),enable()方法，达不到期望的效果。

设置disabled : true，之后，点击编辑框，还是能输入。

disabled、readOnly属性，只是控制能否直接编辑html源码。

 

Ext Js网站有人提供了解决方法：

http://extjs.com/forum/showthread.php?t=26657

 

重写onDisable，onEnable方法。

Ext.override(Ext.form.HtmlEditor, { onDisable: function(){ if(this.rendered){ this.wrap.mask(); } Ext.form.HtmlEditor.superclass.onDisable.call(this); }, onEnable: function(){ if(this.rendered){ this.wrap.unmask(); } Ext.form.HtmlEditor.superclass.onEnable.call(this); } });

 

默认的mask的效果有点暗，可以稍作修改。

onDisable: function(){ if(this.rendered){ var roMask = this.wrap.mask(); roMask.dom.style.filter = "alpha(opacity=0);"; //IE roMask.dom.style.opacity = "0"; //Mozilla roMask.dom.style.background = "white"; roMask.dom.style.overflow = "scroll"; //roMask.dom.innerHTML = this.getValue(); } Ext.form.HtmlEditor.superclass.onDisable.call(this); },

 

最后说下，csdn这个编辑器很不爽。