allowBlank:false, on html editor not working ?

why function allowBlank:false, on my fieldset is not working ? this is my code :

form with fieldset :

Code:

---

...
    formReplyWeb = new Ext.FormPanel({
        frame: true,
        baseCls: 'x-panel',
        labelAlign: 'left',
        labelWidth: 100,
        url: '/TA/data/webdata.jsp?type=3&id='+selectedWebDetailId,
        method: 'POST',
        waitMsgTarget: true,
        items: [
            new Ext.form.FieldSet({
                title: 'Tulis pesan baru',
                iconCls: 'webEdit',
                autoHeight: true,
                autoWidth: true,
                buttonAlign:'right',
                defaultType: 'textfield',
                items: [
                    webSender,
                    webSubject,
                    webProductID,
                    webCreatedDate,
                    webMessage,
                    webReply        // <----- this is the html editor field
                ],
                buttons: [{
                    text: 'Kirim',
                    handler: sendWEB
                },{
                    text: 'Reset',
                    handler : resetWebFSData
                },{
                    text: 'Tutup',
                    handler : function() {winReplyWeb.hide();}
                }]
            })
        ]
    });
...

---

this is the html editor as an input field :

Code:

---

...
var webReply = new Ext.form.HtmlEditor({
        id:'webReply',
        name: 'webReply',
        fieldLabel: 'Pesan balasan ',
        width:500,
        height:200,
        allowBlank: false,                // <--------------- not working / functioning
        enableFormat:false,
        autocomplete:'off',
        enableSourceEdit: false,
        enableColors : false,
        enableFont : false,
        //labelWidth: 5,
        labelSeparator:''
    });
...

---

what wrong with that ?? :-?:-/

fix:

Code:

---

        Ext.override(Ext.form.HtmlEditor, {
            markInvalid: function(msg){
                if(!this.rendered || this.preventMark){
                    return;
                }
                msg = msg || this.invalidText;
                switch(this.msgTarget){
                    case 'qtip':
                        this.iframe.qtip = msg;
                        this.iframe.qclass = 'x-form-invalid-tip';
                        Ext.get(this.iframe).addClass(this.invalidClass);
                       
                        break;
                }
                return Ext.form.TextArea.superclass.markInvalid.call(this, [msg]);
            },
            clearInvalid: function(){
                if(!this.rendered || this.preventMark){
                    return;
                }
                switch(this.msgTarget){
                    case 'qtip':
                        this.iframe.qtip = '';
                        Ext.get(this.iframe).removeClass(this.invalidClass);
                        break;
                }
                return Ext.form.TextArea.superclass.clearInvalid.call(this);
            },
            validateValue:function(){
                if(this.allowBlank==false){

                    var value =this.getRawValue();
                    value = value.replace(/ /gi,"");
                    value = value.replace(/<br>/gi,"");
                    value = value.trim();
                    if(value != ''){
                        this.clearInvalid();
                        return true;
                    }
                    else{
                        this.markInvalid("This field is required.")
                        return false;
                        }
                }else{
                    this.clearInvalid();
                    return true;
                }


            }
});

Ext.form.HtmlEditor.prototype.listeners={ sync: function(t,html){
                                            t.validateValue();
                                        }
                                    };

---

This FIX don't work in IE? There is some solutions?

Thanks

Roberto

did not work in version 3.3 extjs, what's wrong?

I have the same problem with allowBlank. I have field and allowBlank: false does not work.

Code:

---

{
                xtype : 'field',
                id: 'ozelKod',
                allowBlank: false,
                fieldLabel : 'Özel Kod',
                name : 'ozelKod'
            }

---

It does not become required field.


Edit: I have solved. Instead of field use textfield.

The HTMLEditor does not support allowBlank, which is extremely frustrating..

That's why I won't use Ext JS for my works. Yeah, I know that we can extend it and do tens of other things with it. But for simple things like this, you end up struggling.