您的位置:首页 > Web前端 > JavaScript

ExtJs HtmlEditor ReadOnly 无效

2010-11-01 15:41 232 查看
//任务内容信息(编辑器)
        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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: