Wie kann man die Suche deaktivieren, bis der Benutzer mindestens 3 Zeichen in zwei Textboxen mit Ext JS eingibt?

Question

Ich habe drei vier Suchfelder. Einer von ihnen ist Kundennummer und andere sind Vorname, Nachname und DOB. Ein Benutzer kann nach suchen 1. Verwenden Sie Kundennummer 2. Oder durch Eingabe von zwei der drei anderen Felder.

eine Suchtaste muss bis mindestens 3 Zeichen eingegeben werden in Kundennummer

deaktiviert werden, wenn sie die Suche mit fname, lname und dob wählen zu verwenden, als Suche nicht bis 3 Zeichen in ersten beiden aktiviert ist Feld und DOB ist nicht vorhanden.

Wie kann ich dies in Ext JS 6.0 erreichen?

Answer 1

Um den Suchknopf zu aktivieren, können Sie einen Listener setzen und dann die Änderungsfunktion darin schreiben. Innerhalb der Änderungsfunktion erhalten Sie zuerst den Suchknopf und aktivieren/deaktivieren entsprechend Ihrer Bedingung.

Ich platzierte den Code für Kundennummer entsprechend Ihrer Anforderung. Sie können dasselbe für Vor- und Nachnamen verwenden.

{  
    xtype : 'textfield', 
    fieldLabel : 'Customer Number', 
    id: 'CN', 
    width: 125, 
    name : 'customernumber', 
    listeners: { 
      'change': function(thisEl, newVal, oldVal) { 
       var searchBtn = Ext.getCmp('srchBtn'); // srchBtn is id of your Search Button. 
       searchBtn.setDisabled(newVal.length < 3); // if length less than 3, then keep it disable 
      } 
    } 
} 

Answer 2

Dies kann einfach mithilfe der Formularüberprüfung oder durch manuelle Überwachung der Ereignisse der Steuerelemente erreicht werden. Bitte posten Sie Ihre Arbeit so weit, dass wir Ihnen auf Wunsch von Alexander helfen können.