extjs控件只读、_ExtJs HtmlEditor ReadOnly 无效 | 学步园

//任务内容信息(编辑器)

var LogMsgEdit=new Ext.form.HtmlEditor({

id:"LogMsgEdit",

name:"LogMsgEdit",

fieldLabel:"任务内容",

width:450

});

/*LogMsgEdit中readOnly无效，下面方法重写HtmlEditor可以实现HtmlEditor只读属性

http://www.sencha.com/forum/showthread.php?26657-FIXED-92-3.0.0-2.x-HtmlEditor-readOnly-and-disabled-not-working&highlight=htmleditor+property

*/

Ext.override(Ext.form.HtmlEditor, {

/**

* Set a readonly mask over the editor

* @param {Boolean} readOnly - True to set the read only property, False to switch to the editor

*/

setReadOnly: function(readOnly){

if(readOnly){

this.syncValue();

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";

this.el.dom.readOnly = true;

} else {

if(this.rendered){

this.wrap.unmask();

}

this.el.dom.readOnly = false;

}

}

});

//页面加载的时候，设置该控件的ReadOnly为只读

Ext.getCmp("LogMsgEdit").setReadOnly(true);