ExtJs HtmlEditor ReadOnly 無效__Js

//任務內容資訊(編輯器) 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);