有请逍遥兄

Question

有2个Ext问题请教你
(1)下面是一个HtmlEditor,我现在想禁用这个控件的编辑功能
我查了下API上面添加readOnly:true即可
但是不行，网上说添加  disabled:true,但是还是不行
       
 var textnMessage=new Ext.form.HtmlEditor({
            id:"txtMainMessage",
            name:"txtMainMessage",
            fieldLabel:"日志内容",
            allowBlank:false,
            enableLists:false,
            enableSourceEdit:false,
            readOnly:true,
            disabled:true,
            height:150,
            width:350
        }); 

Answer 1

看到帖子进来了。不懂web…
我做winform的…

Answer 2

利用Panel的mask()方法。Ext.onReady(function() {  
  
            Ext.QuickTips.init();  
  
            var htmlEditor = new Ext.form.HtmlEditor({  
                        fieldLabel : '在线编辑器',  
                        name : 'htmlEditor',  
                        height : 100,  
                        width : 400,  
                        fontFamilies : ['宋体', '黑体'],  
                        value : '333333'  
                    });  
  
            var p1 = new Ext.Panel({  
                        layout : 'fit',  
                        width : 300,  
                        items : [htmlEditor]  
                    });  
  
            var formPanel = new Ext.form.FormPanel({  
                        border : false,  
                        formId : 'addForm',  
                        labelAlign : 'right',  
                        frame : true,  
                        labelAlign : 'right',  
                        labelWidth : 150,  
                        items : [p1]  
                    });  
  
            var viewport = new Ext.Viewport({  
                        layout : 'fit',  
                        items : [formPanel]  
                    });  
            p1.getEl().mask();//给htmlEditor的父容器设置遮罩  
        })      

Answer 3

http://fireinjava.javaeye.com/blog/549093

Answer 4

谢谢2楼兄弟的代码
我试下还是感谢逍遥兄
以后有winform在向你请教

Answer 5

到JAVA区问一下JAVA好多都用的EXT

Answer 6

http://fireinjava.javaeye.com/blog/549093

Answer 7

setReadOnly( Boolean readOnly ) : void
--------------------------------------你可能需要使用 setReadOnly 这个方法

Answer 8

感谢非哥
找到啦   1. onDisable: function(){  
   2.         if(this.rendered){  
   3.             var roMask = this.wrap.mask();  
   4.             roMask.dom.style.filter = "alpha(opacity=0);"; //IE  
   5.             roMask.dom.style.opacity = "0"; //Mozilla  
   6.             roMask.dom.style.background = "white";  
   7.             roMask.dom.style.overflow = "scroll";  
   8.             //roMask.dom.innerHTML = this.getValue();    
   9.         }  
  10.         Ext.form.HtmlEditor.superclass.onDisable.call(this);  
  11.     },  

Answer 9

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);   
    }   
});  

Answer 10

http://www.sencha.com/forum/showthread.php?26657-FIXED-92-3.0.0-2.x-HtmlEditor-readOnly-and-disabled-not-workinghttp://blog.csdn.net/flyjimi/archive/2009/04/03/4045384.aspxhttp://www.javaeye.com/topic/564664