[SOLVED] too much recursion with event valid/invalid and isvalid function

[stevanovich]

Hello,

I'm trying to toggle a button if textfield event is valid or not !

Some textfield:

F_email_from = new Ext.form.TextField({
    plugins: [new Ext.ux.FieldReadOnlyPlugin()]
    ,vtype:'email'
    ,fieldLabel: 'Expediteur'
    ,anchor : '100%'
    ,listeners:{
        valid:function(){
            btn_email_go_check();
        }
        ,invalid:function(){
            btn_email_go_check();
        }
    }

F_email_to = new Ext.form.TextField({
    plugins: [new Ext.ux.FieldReadOnlyPlugin()]
    ,vtype:'email'
    ,fieldLabel: 'Destinataire(s)'
    ,anchor : '100%'
    ,listeners:{
        valid:function(){
            btn_email_go_check();
        }
        ,invalid:function(){
            btn_email_go_check();
        }
    }    
  });
  }); 

Here is the check function :

function btn_email_go_check(){
    if(F_email_from.isValid() && F_email_to.isValid()){
        btn_email_go.enable();
        } else {
            btn_email_go.disable();
        }
} 

So, what i want to do is: if one all events valid change, i make a sum check of all with is Valid() to toggle yes or no the button.

here is Firebug message:

too much recursion
[IMG]chrome://firebug/content/blank.gif[/IMG] if(l.fireFn.apply(l....this.obj||window, arguments) === false){

Does isValid fire valid event ???

I don't really understand where i'm wrong.

Thanks !

[evant]

isValid calls validateValue.
validateValue calls markInvalid in certain cases.
markInvalid fires the invalid event.

So yeah, don't do that

[stevanovich]

Thanks evant !

My Log was full very quickly !!!

Have you any suggest for toggle button with some valid events ?

other wise the other way for me is to check when press button , but the first is much pretty


Thanks

[stevanovich]

What i've done for going on:

First, i've make a byte of Validate, call .valide

F_email_from = new Ext.form.TextField({
    plugins: [new Ext.ux.FieldReadOnlyPlugin()]
    ,vtype:'email'
    ,fieldLabel: 'Expediteur'
    ,anchor : '100%'
    ,listeners:{
        valid:function(){
            this.valide=true;
            btn_email_go_check();
        }
        ,invalid:function(){
            this.valide=false;
            btn_email_go_check();
        }
    }
  });

F_email_to = new Ext.form.TextField({
    plugins: [new Ext.ux.FieldReadOnlyPlugin()]
    ,vtype:'email'
    ,fieldLabel: 'Destinataire(s)'
    ,anchor : '100%'
    ,listeners:{
        valid:function(){
            this.valide=true;
            btn_email_go_check();
        }
        ,invalid:function(){
            this.valide=false;
            btn_email_go_check();
        }
    }
  }); 

And hope ExtJs will never use this name !

Then, with btn_email_go_check wait for readyBox:

function btn_email_go_check(){
    Ext.log('Lauch Test');
    if(Fly_Email.boxReady){
    if(F_email_from.valide && F_email_to.valide ){
            btn_email_go.enable();
    } else {
        btn_email_go.disable();
    }
    }
} 

Maybe not the better way, but it works for my case.

Bye